バナートレース

目次

1.トレースしたバナー

2.バナーの分析

3.課題を通して学んだこと

4.工夫したポイント

１．トレースしたバナー

タピオカ専門店の貢茶さんのバナーをトレースしました。

作成にかかった時間：120分
使用したツール：Adobe PhotoShop

２．バナーの分析

配色やレイアウトを分析し、まとめました。 

３．課題を通して学んだこと

①配色・文字について

・ゴンチャのイメージカラー(ブランドカラー)の3色で構成されている。また、色だけに　限らず基本的には同じフォントで統一されているシンプルなデザイン。

・新商品であることを強調させるため、「new」の文字のみフォントと色が変えられてい　　　　る。

②情報設計について

・文字の情報と商品の情報が散乱しないように、写真と文字を同じ高さで配置している。

・商品を「美味しそう」と思って貰い、一番目に入るような視線を誘導するため、右半分のレイアウトは商品写真が大半を占めている。

③ビジュアルデザインについて

・Z型の視線誘導を意識し、他とは異なるフォントかつ色を使用した「new」の文字が　１番最初に目に入り、新商品であることを認識させるデザイン設計。

・「new」、「商品名」、「発売日」、「販売店舗」など、それぞれの情報のブロックご　　とに文字サイズのジャンプ率を高めており、情報の優位性や視認性を分かりやすくして　いる。

４．工夫したポイント

①写真の下の影は、楕円形ツールで形を作成し、「ぼかし(ガウス)」を使用しました。

②文字の高さ、間隔は一文字ずつ細かくカーニングで調整し、少しでも見本と同じものを作成することを意識しました。

③バナートレースの分析をまとめたシートの配色は、一部バナーから引用することでバナーとの統一感を出しました。