【課題】バナートレース

目次

１.トレースしたバナー/ターゲットと目的

2.バナーの分析

3.制作のポイント

4.制作を通して学んだこと

１.トレースしたバナー/ターゲットと目的

2.バナーの分析

配色やあしらい、使用フォントなどを下記にまとめました。

3.制作のポイント

・あしらいもPhotoshopを使用して作成しました。
商品画像を除き、全て自作しました。
トレース元のバナーを下に重ね、図形を結合したりペンツールを使用し、トレース元とほぼ同様のあしらいが完成しました。

・細部まで観察し、再現度を高めました。
トレース元では2つのあしらいが重なる箇所はドットの色味が変化していることから、レイヤーをラスタライズし、カラーオーバーレイとペンツールで再現しました。

4.制作を通して学んだこと

・フォントの工夫
全体的なフォントをゴシック体にすることで視認性が高く、上部の「Strawberry　Shake」はあしらいの要素もあるスクリプト体を使用することで単調にならずメリハリがつきやすくなっていると感じました。

・一目で内容がわかる情報設計
左に商品画像、右に文言があることでユーザーは目線の移動をあまりせずに瞬時に情報を得ることができると考えました。また、重要度順にフォントの大きさを変えることで、何を伝えたいのか明確になることがわかりました。

・商品のイメージにあったカラーとあしらい
苺を連想させるピンクや赤を使用したり、あしらいには動きをつけてシェイクの液体をイメージしていることで、デザインに統一感が生まれると感じました。ユーザーストーリーや情報設計など全体を見て適切なデザインを行う重要性を学びました。