バナートレース

OVERVIEW

SHElikes MULTI CREATOR COURSE Designerの課題で、バナートレースに取り組みました。見本のバナーをphotoshopを使って模写し、バナーのデザイン(制作目的・配色・情報設計)を分析しました。

目次

1. トレースしたバナー

2. バナーの分析

3. 工夫したところ

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

1. トレースしたバナー

プレゼントキャンペーンのバナーをトレースしました。

2. バナーの分析

配色・視線誘導の方法・レイアウト・フォントを分析し、まとめました。

3. 工夫したところ

3-1. 視線誘導から情報設計を分析

分析の際には、ユーザーの視線の意識に注目しました。左上から右下にかけて「Z型」の法則が使用されており、その視点からこのバナーの制作目的とゴールについて考察しました。


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

4-1. バナーの情報設計の方法

インパクトのある数字で見る人の目を引き、どのようにすればクライアントが求めているゴールを考えながら設計することができました。

4-2. 配色について

人目をひくインパクトがある配色について学びました。またベースカラー、メインカラー、アクセントカラーとその3色を使用する配分について学びました。