Initial Site

Initial Site

Initial Site

デザインもロジックだ!って思ってる。WEB屋のメモ帳

  • ヤスダ  2014/09/08 20:33

こんにちは。

デザインもロジックだ!って思ってるWEB屋の保田です。

そう思わないと、絵心のない人はWEB屋になれないからです。

バナー作成のときに、読み返したいメモです。

 

 

1、まず、情報を集約します。

・内容:求人バナー

>「じゃあ、オフィシャルカラーと、青系だな。」

・ターゲット:20代~の男女

>「男女なので、偏った色の使い方はダメだな。」

・デザインイメージ:信頼、安心

>「求人サイトだけどあまり固くならないようにつくろう。」

 

 

2、つぎに、優先順位をつけて内容を箇条書き。

まず、「情報を削る勇気!いっぱい書いても全ては伝わらない。」ってクライアントさんに言っておきます。

・ロゴ

・キャッチ「プログラマー募集」

・週休2日、12:00出勤制、月1回自由研修

・WEB系の開発経験の方歓迎

・HTML、CSS、PHP、MYSQL

 

 

3、サイズを決めます。表示領域は幅が510pxでした。

高さに制限がないのなら、黄金比とか白銀比使うとロジックにのっとって作成してる感がでます。

なので高さが360pxに決定されました。

・Webデザイン白銀比計算ツール

・Webデザイン黄金比計算ツール

 

 

4、ロゴは、左上か右下に置いておきます。

名称未設定-2

 

 

5、キャッチコピーとかタイトルとかを考えます。

とにかく短くて伝わる文章を考える。今回は「プログラマー募集」で決定します。

 

 

6、絶対にイメージは遣います。

ペイレスイメージズからダウンロードします。

求人バナーなので、OL風で笑顔の写真を選びます。

 

 

7、そろそろ文字だけで配置してみます。

名称未設定-2

 

 

 

8、あとは、オフィシャルカラーとか補色とか気にしながらphotoshopします。

IS

 ↑テストで作成したバナーです 。↑

↑正確な情報は採用ページでご確認ください。↑

 

 

これが良いバナーかどうかはわかりませんが、作成完了とします。

 

バナー作成時、よく思うこと。

>「マージン大事。ガイド引こう。」

>「いいキャッチコピーが思い浮かばなかったら短くする。」

>「よく、全部目立たせてって言われる。無理です。」

>「しかし、あんまりバナーはクリックされない(費用対効果悪い)」

 

 

次回もWEB関連の記事を書く予定です。

WEB屋の保田でした。


コメントをどうぞ

技術の記事

  1. 2
    photoshopで簡単な加工からそれなりに綺麗にする方法
  2. pixta_4153512_M
    夏バテ気味のようです。
  3. CropperCapture1
    【ターゲットブランク】target=_blankなのか。target=blankなのか。それとも、target=newなのか。WEB屋のメモ帳
  4. lgi01a201404292200
    プログラマは稼げるのか?

おすすめ記事

  1. イニシャルサイトコーポレートサイト
    コーポレートサイトをリニューアルしました
  2. なんでもQ
    相談Q&Aサイト「なんでもQ」開発中です!
  3. さんぽすフォトコンペ開催中
    今年もさんぽすフォトコンペ開催しました!

人気の記事

  1. ファミコン
    パズドラ、モンスト、白猫に続く次のゲームは…?
  2. konagaya_20150303
    日常でつい使ってしまう間違えやすい日本語
  3. konagaya20150513
    初心者でも気軽に登れて絶景が見れる山
  4. BBQ
    グループ会社合同フットサル&バーベキュー大会に参加しました(BBQ編)