
バナートレース#4
①分析
ターゲット
オンラインショップのサイト(BEAMS)を訪問した20~30代男女
目的
・割引キャンペーンの告知
・オンライン経由の売り上げアップ
考察
・ベースカラーは黄色、メインカラーが白、アクセントカラーが黄色とミニマルでナチュラルな印象。
→ファッションブランド自体がシンプル・ナチュラル・綺麗めな印象で、ターゲットの嗜好に合わせている。
・全体としては中央揃いのまとまったデザインだけど、手書き風筆記体で斜めに傾いた「Campaign」の字がアクセントになっている。中央のメイン要素を長方形で囲ったときにその枠内に収まっているので、バランスが良い。
・「Campaign」の字が「10」に重なるように配置されていることで奥行きが生まれており、引き立つ。
・黄色の文字を深緑のボーダーライン上に配置したり、白い文字の上に重ねて奥行きを出したり、帯上に中抜き文字を配置したりしている。
→緑の背景に黄色の文字を直に載せると、埋もれて目立たなくなるから。
・色やフォントの数を抑えたい場合、文字のみせ方や大きさに変化をつけると単調なデザインになりにくい。
②振り返り
・文字のみせ方にたくさんの幅があることを知った。
ーフォントサイズ、形(中抜き文字、ボーダー上の文字、筆記体)etc
・デザインに潜んでいる見えない線を見つけることで、バナーの構成について分析できるようになった気がする。自分で1からバナーを作るときは、まず長方形で構成のバランスを考えてから要素を入れていくといいのかも?