【7選】今すぐ真似られる!広告バナーデザインの型

  • | 公開 2022年12月24日
広告
【7選】今すぐ真似られる!広告バナーデザインの型

広告バナーを作る際に、まずは基本となる『型』を知ってから、それぞれの参考デザインを見て頂くことで、頭の中にバナーの型が刷り込まれて、次からは簡単にデザインが作れるようになります。まずは基本の型7つを見てみましょう。
エンプレス編集部:sugiyama(@pl_enpreth

レイアウト説明
基本型広告バナーデザインの基本型キャッチコピー・ボディーコピー・画像の基本情報が3つ入った、広告バナーの基本レイアウト。迷ったらまずはこの形へ情報を入れ込めばデザインが整います。
直球型広告バナーデザインの直球型キャッチコピーまたは画像を前面にドーンと出して、インパクト重視の型。ムダな情報を入れない分、特定情報にフォーカスされて訴求度がアップします。
読ませ型広告バナーデザインの読ませ型文章を読んでもらえることで、初めて気づかせるレイアウト。文章が多くなるため、いかに引き付ける言葉を選べるかがポイント。
比較型広告バナーデザインの比較型2つの比較対象を盛り込みどちらがいいのか、またはBefoer・Afterなどの見せ方で、期待感を高めるデザインになっています。
区別型広告バナーデザインの区別型はっきりと左右(または上下)で情報をくっきり分けて見せる。ブランド・画像・文章を強調したい場合に有効な広告デザイン。
複数型広告バナーデザインの連動型さまざまなイメージ・情報を盛り込んで一瞬のうちに多数の情報を届けるバナーデザイン。
情緒型広告バナーデザインの印象型背景に画像を敷いて、メインはキャッチコピーにするデザイン。雰囲気やブランド「らしさ」を強調させたい時に有効な広告バナーの型。

300×250サイズを基本にして、広告バナーデザインをご紹介していきますが、サイズが変わっても情報の要素(キャッチコピー・ボディーコピー・画像・ロゴ)は変わらず、十分他サイズにも適用できるのでご安心ください。

LookerStudioで広告レポートの作業時間をゼロにするテンプレート

広告バナーデザイン参考:基本型

広告バナーデザインで、もっとも使いやすいレイアウトがキャッチコピー・ボディーコピー・画像・ロゴの、鉄板情報4つを入れたもの。

この型通りに情報を入れていけば、広告バナーが簡単に作れます。

キャンペーン感を打ち出して購入促進

広告バナーデザインの参考:湖池屋出典:株式会社湖池屋

特徴人数限定のキャンペーンとして希少性を出している
ブラック

広告バナーデザインの参考:キリンホールディングス株式会社出典:キリンホールディングス株式会社

特徴明確に期間を入れて時間の希少性を出している
レッド

広告バナーデザインの参考:株式会社富士フイルムヘルスケアラボラトリー出典:株式会社富士フイルムヘルスケアラボラトリー

特徴新発売の期間を提示した状態で人数限定+応募方法
レッド

商品の特徴訴求

広告バナーデザインの参考:ネスレ日本株式会社出典:ネスレ日本株式会社

特徴商品の特徴を前面に押し出している
ブラウン

便益(ベネフィット)

広告バナーデザインの参考:Peach出典:Peach

特徴利用者に対して最大で一番分かりやすいメリットを簡潔に伝えている
グリーン

広告バナーデザイン参考:直球型

情報を絞りつつ、キャッチコピーと画像を大胆に使う広告バナーデザイン。

情報が少ないからこそ、目立ってスーッと入ってくるため、数あるバナーの中においても意識されやすい特徴があります。

お得感&驚きMAX

広告バナーデザインの参考:株式会社ファミリーマート出典:株式会社ファミリーマート

特徴「%」と「増量」の2大お得感を出しながら全体のイメージで驚きも表現
レッド

プレゼント

広告バナーデザインの参考:株式会社ルミネ出典:株式会社ルミネ

特徴プレゼント金額を一番大きくしてバナー内の情報にメリハリを付けている
ブルー

手軽さの提案

広告バナーデザインの参考:カゴメ株式会社出典:カゴメ株式会社

特徴面倒なことはせず「これだけ」にすればいい提案をしている
グリーン

広告バナーデザイン参考:読ませ型

アンケート

広告バナーデザインの参考:クラシエホールディングス株式会社出典:クラシエホールディングス株式会社

特徴アンケートで得られた回答(口コミ)をそのまま活用して商品の爽快感と紐づけている
ブルー

コラボ企画

広告バナーデザインの参考:サントリーホールディングス株式会社出典:サントリーホールディングス株式会社

特徴画像ではなく読んで初めて理解できるコラボ企画バナー
オレンジ

感情湧き起こし

広告バナーデザインの参考:株式会社ロフト出典:株式会社ロフト

特徴特定ターゲットに向けたものですが読まないと分からず、しかし読んで理解すると一気に温度感(感情の高ぶり)によって行動へ移ってもらえるバナーデザイン
ブルー

読めた後の楽しさ

広告バナーデザインの参考:日本コカ·コーラ株式会社出典:日本コカ·コーラ株式会社

特徴読み物になっていますが、単語をイラスト化したり、大事なポイントのみ文字サイズを大きくしてメリハリを付けて、読む前後の楽しさを作りだしている。
ブルー

広告バナーデザイン参考:比較型

AとBを比較することで「自分ならこっちかな」と自分事になってもらいやすい広告バナー。

極端に一方を貶めるようなものは、反応率が高い一方で嫌悪感を感じやすいため、程度を気にしながら比較が必要。

相互レビュー

広告バナーデザインの参考:サントリーホールディングス株式会社出典:サントリーホールディングス株式会社

特徴2社間の商品をお互いにレビューして良さを伝えている
レッド・イエロー

否定をしない比較

広告バナーデザインの参考:株式会社I-ne出典:株式会社I-ne

特徴自社商品による比較だが、比べる対象をどちらか落として片方を上げるやり方ではなく、自分事に考えてどちらが合うのか選んでもらうデザイン
ベージュ

昔と今を比較

広告バナーデザインの参考:株式会社ニューズピックス出典:株式会社ニューズピックス

特徴問題定義を投げかけながら他社を下げる比較ではなく特定企業が悪者にならないよう大きなカテゴリーを使った比較(例:テレビの昔と今)
グリーン・レッド

広告バナーデザイン参考:区別型

広告バナー内のレイアウトを左右・上下に2分割させて区切りをつける。

たとえば商品利用のワンシーンを切り取ったり、大事な情報の上に重ねることなく見せられるため、写真・イラストなどのイメージを訴求したい時に使える型。

キャンペーン

広告バナーデザインの参考:サッポロビール株式会社出典:サッポロビール株式会社

特徴情報のエリアをはっきり2分割にしてイメージと読ませる情報を分けている
ブルー

希少性

広告バナーデザインの参考:株式会社ロッテ出典:株式会社ロッテ

特徴最小限の情報でメリットを伝えるため商品の一番おいしいシーンを切り取っている
レッド

新発売

広告バナーデザインの参考:サントリーホールディングス株式会社出典:サントリーホールディングス株式会社

特徴上下をイメージとベタ塗で分けて情報に違いを出している
ブルー

広告バナーデザイン参考:複数型

テキスト情報は少な目にする代わり、イメージ画像をたくさん取り入れるデザインです。

たとえばシーン・商品などを複数見せることで、閲覧者の記憶に引っかかる確率を高めて、見てもらうよう仕向ける型。

複数のシーン

広告バナーデザインの参考:株式会社ロフト出典:株式会社ロフト

特徴背景に商品の利用シーンまたはテーマを連想させる画像を複数配置して連想しやすいデザインにしている
グリーン

広告バナーデザインの参考:株式会社サイバーエージェント出典:株式会社サイバーエージェント

特徴視聴者の記憶を思い出させるさまざまな人気だったシーンを見せて自分事にさせるクリエイティブ
ブルー・ゴールド

多数の商品

広告バナーデザインの参考:スターバックス コーヒー ジャパン出典:スターバックス コーヒー ジャパン

特徴一番に商品イメージが伝わるよう文字情報を極限まで晴らして商品背景には商品イメージを高めるシルエットを配置
イエロー・パープル・ブルー

広告バナーデザイン参考:情緒型

感情や閲覧者の琴線に触れる表現を使うことで、感情を動かしクリック率を高める広告バナーの型。

誰か特定のターゲットに向けることで強い表現が生まれます。

季節感にフィット

広告バナーデザインの参考:キリンホールディングス株式会社出典:キリンホールディングス株式会社

特徴季語を使いながらその時期に合う言葉選びをしている
ゴールド

プレゼント

広告バナーデザインの参考:イミュ株式会社出典:イミュ株式会社

特徴商品の特徴がもっとも表せられる部分に視線が集まるデザインになっている
ブルー

迫力・期待感

広告バナーデザインの参考:株式会社サイバーエージェント出典:株式会社サイバーエージェント

特徴緊張感を持たせる陰影や背景画像のメリハリ、そしてイメージに合う装飾(お札や水滴)を混ぜながら期待感を感じさせる
ゴールド

広告のレポート作りで手間を感じていませんか?

毎月自社やお客様の広告を回しつつ、成果を伝えるためにレポート化の業務がありますよね。

しかし、単純であるものの時間がかかります。

  • 広告レポートの作業時間をムダに感じている…
  • もっと簡単にレポート化がしたい…
  • お金をかけずに作業負担を減らしたい…

このように、広告レポートを作るために感じている不満、まずはLooker Studio(旧Google データポータル)を使いコストゼロで時間を短縮にしませんか?

情報探しで遠回りせず、最短で結果を出すために。

認知拡大に役立つ製品・サービス

資料一覧を見る

リスティング広告のやってはいけない23
広告レポートの作成時間をゼロにする
タレントマネジメントシステム「スマカン」

関連記事