[デザイン]バナーの制作テクニック

紙とウェブ

• デザインは「小さい面積から大きい面積へ」やっていくのが基本。

紙

1. 名刺
2. はがき（フライヤー）
3. A４

Web

1. バナー広告(リンク)
2. ビルボード(アイキャッチ)
3. 見出し素材

バナーをつくる

• 情報・構成要素の優先順位を明確にする
• 手書きラフをつくる
• 外枠をつくる
• ざっと、文言を置いていく
• 白黒でレイアウトする
• カーニングを設定する
• 最後に白黒にして視認性をみる

参考をもとにしてつくる

retrobanner.net

*バナーはサイズ感の把握、線幅の問題などがあるため原寸でつくる。

デザインテク

• 明朝体は縦書に適する
• 可読性が低く基本的にタイトルなど不向き
• 差を大きくつける
• 文字のカーニング
• 文字のジャンプ率
• 画像のジャンプ率

制作物

• レトロバナーを参考にしてyahooのバナーサイズに最適化
• 製作時間：1時間20分(航空機画像の切り抜き含む)