バナーデザインの方向性を決めましょう

バナーデザインの方向性を決めましょう

記事
デザイン・イラスト
バナーのデザインをお願いする時に、
希望するイメージをデザイナーと共有できていると、
納品もスムーズになります。

なんか違うなぁ〜を減らす為にも、
よくあるバナーデザインのパターンと考え方を知りましょう。

方向性を決める5つの要素

バナーデザイン資料-2.jpg

① 主役にするもの
何を最も目立たせるかを選びます。

A1:コピーが主役
特徴やメッセージを最初に伝えたいときに。言葉で関心を引く見せ方です。

A2:価格・数字が主役
価格・給与・割引などを強く伝えたいときに。条件がひと目で分かります。

A3:写真が主役
商品の魅力や利用シーンを見せたいときに。直感的にイメージを伝えます。

バナーデザイン資料-3.jpg
② 情報量
載せる情報の量を選びます。

B1:少なめ
一つの内容を短く伝えたいときに。すっきりした、分かりやすい印象に。

B2:ほどよく
特徴と価格など、必要な情報をまとめたいときに。読みやすさと説明を両立します。

B3:しっかり
日時・場所・条件なども載せたい告知に。具体的で、内容を把握しやすい見せ方です。

バナーデザイン資料-4.jpg
③ 写真の使い方
写真の有無と、画面に占める大きさを選びます。

C1:写真なし
言葉や数字を中心に伝えたいときに。文字と配色で印象をつくります。

C2:写真は補助
メッセージを優先しながら、商品や業種も伝えたいときに。内容をイメージしやすくします。

C3:写真を大きく
食品の質感、店舗の雰囲気、人物の表情を見せたいときに。臨場感を伝えます。

バナーデザイン資料-5.jpg
④ 文字の見せ方
同じ内容を、書体の違いで比較します。

D1:太く力強く
主張をはっきり見せたいときに。力強く、活気のある印象を与えます。

D2:すっきり読みやすく
幅広い人に、内容を素直に伝えたいときに。端正で、親しみやすい印象に。

D3:上品で落ち着いた
品質や落ち着いた世界観を伝えたいときに。丁寧で、洗練された印象に。

バナーデザイン資料-6.jpg
⑤ 装飾の量
図形やあしらいの量を選びます。

E1:シンプル
商品・写真・言葉そのものを引き立てたいときに。すっきり、落ち着いて見せます。

E2:帯・図形で整理
価格や条件などを分けて見せたいときに。情報のまとまりと優先順位を示します。

E3:にぎやか・目立つ
セールやイベントなど、活気を出したいときに。楽しく、勢いのある印象に。

組み合わせ例

実際に、整体院を例にバナーを作ってみました。

A1:コピーが主役、B3:情報量しっかり、C2:写真は補助
D2:文字はすっきり読みやすく、E2:装飾は帯・図形で整理
にするとこんな感じでしょうか。
seitai1.jpg
「新宿で20年」などのアピールポイント3点のところは、
「腰痛改善90分 9,000円 → 初回お試し6,000円」
などと、メニューのお得情報でも良いかもしれないですね。

A2:価格・数字が主役 にするとこんな感じでしょうか。
seitai2.jpg
メニューが安いですよって価格のアピールもありますが、
このように数字で言えること、経験年数、施術人数、何かのランキングで1位など客観的に言える事実もありそうです。

A3:写真が主役 にするとこんな感じでしょうか。
seitai4.jpg
利用者の利用イメージを想像させるのに向いてそうです。
先ほどまでとは変わって、女性向けの整体サロンなどに合いそうです。

次は、最初の組み合わせから
D1:文字を太く力強く にしてみました。
seitai3.jpg
力強い印象の文字に合わせてデザインも変更しています。男らしい印象を感じます。

最後は、C1:写真なし にしてみました。
seitai5.jpg
イラストを入れてはいますが、文字が主体のバナーです。
自分の写真を載せたくない・素材集のよく見る写真も気に入らない場合は、こういうアプローチもあります。

5パターンを並べました。

seitaiAll.jpg

どれが反応が良いの?
と思うかもしれませんが、私のおすすめは。

まず、コピーが主役を作ります。次に価格・数字が主役を作って、比べます。
数字が良かった方で、コピーや写真などを一部分を変えてまた比べます。
そうして、最高に反応の良いバナーを作ります。

ただ、コピーが主役で刺さるユーザーと、価格・数字が主役で刺さるユーザーは違うタイプかもしれないので、両方を広告で出してみるのも良いと思います。

さいごに

いかがでしたか?
作りたいバナーのイメージが少しは固まりましたか?

私にバナー制作を相談してみようかな?
と思ったらこちら↓からどうぞ

サービス数100万件のスキルマーケット、あなたにぴったりのサービスを探す