バナートレース

＜目次＞

①トレースしたバナー、ターゲット・目的
②配色、観察と分析のまとめ
③工夫したポイント
④制作を通して学んだこと

=============================================

①トレースしたバナー、ターゲット・目的

②配色、観察と分析のまとめ

③工夫したポイント

1）バナーの目的や意図を分析しながら丁寧にトレースを行ったこと

• 写真は見本バナーからレイヤーマスクで丁寧にくり抜き、色彩の微調整も行った。

• 写真の下の影は当初ドロップシャドウかと思ったが、グループFBで教えていただいたように楕円形をぼかしたものを作成して配置しました。

• わからないフォントは検索し、文字のカーニングは一文字単位で細かく修正することで見本に少しでも近づけるようにした。「2.26」のピリオドはテキストにすると若干小さい気がしたので長方形ツールで描いた。

2）デザイン基本原則を意識したまとめ資料作成

• デザインの基本原則を意識し、同じ情報はグルーピングしてまとめたり、高さや幅を揃えるようにした。

• 配色はバナーの3色を適用した。

• バナーの背景が白だったので、後ろに枠線を敷いて視認性を高めるよう工夫した。

④制作を通して学んだこと

• 配色や写真の選択においても、バナー制作の目的に沿って戦略的に行っている。

• 同じ系統の情報でフォントサイズを統一しまとめたり、写真とテキストの高さを合わせたり、デザインの基本原則に基づいて伝えたい情報を整理している。

• 一見シンプルに見えるバナーも、視認性・可読性を高めるために細かい工夫がたくさん施されている。