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. 無題
    WordPressで出力内容が動的に変わる固定ページの<title>を変更
  2. startup-593296_960_720
    XAMPPのローカル環境を同じ社内LAN内の別PCからアクセスする方法
  3. 呪文
    実は俺、、、ホイミ使えます。
  4. printscreenFTHG9249_TP_V
    JSON形式でPOSTされたデータの受信方法