バナートレース
OVERVIEW
SHElikes MULTI CREATOR COURSE Designerの課題で、バナートレースに取り組みました。見本のバナーをphotoshopを使って模写し、バナーのデザイン(制作目的・配色・情報設計)を分析しました。
目次
1. トレースしたバナー
2. バナーの分析
3. 工夫したところ
4. 制作を通じて学んだこと
1. トレースしたバナー
プレゼントキャンペーンのバナーをトレースしました。
2. バナーの分析
配色・視線誘導の方法・レイアウト・フォントを分析し、まとめました。

3. 工夫したところ
3-1. 視線誘導から情報設計を分析
分析の際には、ユーザーの視線の意識に注目しました。左上から右下にかけて「Z型」の法則が使用されており、その視点からこのバナーの制作目的とゴールについて考察しました。
4. 制作を通じて学んだこと
4-1. バナーの情報設計の方法
インパクトのある数字で見る人の目を引き、どのようにすればクライアントが求めているゴールを考えながら設計することができました。
4-2. 配色について
人目をひくインパクトがある配色について学びました。またベースカラー、メインカラー、アクセントカラーとその3色を使用する配分について学びました。

2. バナーの分析