【課題】バナートレース （株式会社ゴンチャ ジャパン）

▼トレースしたバナー

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

引用元：https://twitter.com/gongcha_japan/status/1232206097684951040

▼バナーの分析

▼工夫したところ

同じようなフォントを探し、一文字づつカーニングを調整してできるだけ再現性を高くすることに努めました。

影の付け方についてはドロップシャドウ以外のやり方を知らなかったので、調べて納得のいく方法を模索しました。

白が多いバナーのため、まとめページでは座布団を敷いて背景との差を生みました。

サンプルの配色割合とデザインのシンプルさを意識してページ全体を制作しました。

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

少ない文字と写真一枚のみのシンプルな構造でも、フォントの違いやジャンプ率、配置などの調整で、十分に伝わるデザインが作成できることがわかりました。制作過程で似たようなフォントを探すことに時間をかけてしまった反面、検索の仕方や工夫などは身についたと思います。

分析ページの作成では、文字や画像を揃えたり、余白の幅を意識するなどデザインの４原則を細かいところまで意識する必要があると学びました。