【課題】バナートレース

【概要】

制作時期：2026年1月

制作範囲：バナートレース、分析シート

制作ツール：Photoshop

目的：

既存の広告バナーをトレースすることで、プロのデザイナーがどのような意図でレイアウトや配色を設計しているのかを学ぶことを目的に制作しました。完成形を再現するだけではなく、情報の優先順位・配色設計・視線誘導・余白の使い方・などを分析しながら制作を行いました。

【制作物】

【バナー分析】

【制作時に意識したポイント】

情報の優先順位を再現

このバナーでは「500名様に当たる」というキャンペーンの訴求が最も重要な情報となっています。そのため、数字を最大サイズで配置・周囲の文字サイズに強弱をつける・コントラストを高めることで、ユーザーが最初に数字へ視線を向ける構成を意識しました。トレースを通じて、広告デザインでは情報の優先順位が非常に重要であることを学びました。

配色バランスの分析

メインカラーはグリーン・イエロー・ホワイトで構成されています。健康飲料の商品イメージと親和性の高いグリーンをベースにしながら、イエローでキャンペーン感や注目度を高めている点を意識して再現しました。また、商品写真・数字・キャンペーン情報が埋もれないよう色のバランスにも注意しました。

視線誘導を意識したレイアウト

ユーザーの視線が、累計500万本突破記念→フォロー＆リツイート→500名様→当たる！！→期間限定、の順に流れる構成になっています。トレースを通して、広告デザインは単に要素を配置するのではなく、ユーザーの視線の動きまで考えて設計されていることを学びました。

文字組みの再現

数字や見出し部分は特に存在感が重要なため、文字間隔・行間・サイズ感・余白を細かく確認しながら制作しました。特に「500」の迫力が損なわれないよう、周囲の文字とのバランスに気を配りました。

要素の配置バランス

本バナーは大きな数字を中心に構成されていますが、商品画像・期間限定バッジ・装飾イラストなどが適切に配置されることで、単調にならないデザインになっています。各要素の位置関係や余白を確認しながら再現することで、レイアウトバランスの理解を深めることができました。

商品イメージとの統一感

商品が青汁であることから、葉のモチーフ・ナチュラルなカラー・健康的な印象が全体に統一されています。トレースを通じて、広告デザインではキャンペーン訴求だけでなく、商品イメージとの整合性も重要であることを学びました。

【制作を通して学んだこと】

今回のトレースでは、単に見た目を再現するだけでなく、「なぜこのサイズなのか」「なぜこの色なのか」「なぜこの位置に配置されているのか」を考えながら制作しました。その結果、情報設計・配色設計・視線誘導・ジャンプ率・広告としての訴求力について理解を深めることができました。

【特に工夫した点】

• 大きな数字が主役になるレイアウトの再現
• グリーンとイエローの配色バランス調整
• 視線誘導を意識した情報整理
• 文字サイズ・余白の細かな調整
• 商品イメージとキャンペーン訴求の両立
• 広告バナー特有のインパクトを損なわない再現性