バナー模写（化粧品）

今回のトレースの目的

• バナーの余白の使い方を学ぶため。
• バナーのあしらいの引き出しを増やすため。
• 文字間の詰め方・開け方を学ぶため。

デザインについて気づいたこと・考察

• 文言の優先順位としては、「①酸素×エクソソーム」 「②スキンケアの概念が変わる」 「③4,980円」 「④【定期コース】クリスタル〜」「⑤マイクロ酸素ブレス・ヒトサイタイ血幹培養液エクソソーム」と考える。「酸素×エクソソーム」「スキンケアの概念が変わる」という文言を目立たせることで、化粧品の特徴が一目で理解できるようになっている。
• バナーの余白に関して、バナーの4隅に10px程度の余白を作ってバナーがデザインされている。
• テキストサイズに関して、「マイクロ酸素ブレス」という文言は「酸素」のテキスト幅に一致するように配置されている。
• テキストエリアの上に開けた余白に関して、トレースの元画像では霧が写っているところを余白として開けることで、バナー全体に抜け感を作っている。
• 優先順位の①②以外の文言は四角形の中に配置されており、またフォントは明朝体ではなく、ゴシック体で書かれている。