バナー分析&トレース

OVERVIEW

デザイン力を磨くトレーニングとして既存のバナーの分析とトレースに取り組みました。構成やデザインの引き出しを増やすためにこれから継続していきたいと考えています。

YEAR 2024

制作時間:約1時間
制作期間:1日
制作範囲:バナー分析・トレース
使用ツール:Photoshop


成果物 

【バナー分析資料】

※見本に使われている青汁と背景画像は使用不可だったため、フリー素材サイトから似た雰囲気の画像を探し使用しております。


分析詳細

ターゲット

「フォロー&リツイートで500名様に当たる!!」という文言から、ターゲットはX(SNS)を利用している人と考察しました。

目的

青汁の画像が配置されていることから、青汁や健康商品を取り扱う企業が自社商品の認知拡大と、自社アカウントのフォロワーを増やして顧客層を広げることを目的にバナー制作をしたと考えました。


ビジュアルデザイン

  • 配色

「青汁」の色を思わせる緑をメインに、強調したい部分は明るい黄色でポップに仕上げていることが分かります。

  • フォント

「累計500万本突破記念!」「期間限定」はヒラギノ角ゴ ProN、英数字はBIZ UDPGothicを使用し読みやすく、現代的な雰囲気を作っています。メインで伝えたい真ん中の「フォロー&リツイートで~」の文字はせのびゴシックが使われていて、より未来的でテクノな要素を追加し抜け感を出しています。


こだわったポイント

画像やフォントが見つからない部分以外は、制作技術の制度を上げるため1pxのずれもないようにバナートレースを行いました。文字のトラッキングやカーニングの調整も1項目ずつ丁寧に行い、「月日」や「(火)」、「・」など他の文字と大きさの異なる文字は個別で編集して、見本と一致するように努めました。

制作を通して学んだこと

  • 文字の書体や特徴からフォントを検索すると、すばやく使いたいフォントを見つけることができる。
  • ヒラギノ角ゴ ProN、BIZ UDPGothic、せのびゴシックなど書体は「ゴシック体」で統一しつつ、種類の違うフォントを使用することで表現に変化を持たせることができる。