デザイン会社が発信!バナー制作情報メディア

目立つバナーの作り方|広告バナー2.7万件の集計で見る、配信面で埋もれない色・構図・文字

公開日 更新日
目立つバナーの作り方|広告バナー2.7万件の集計で見る、配信面で埋もれない色・構図・文字
目立つバナーとは、派手なバナーのことではありません。同じ配信面に並んだほかの広告と違って見え、一瞬で何の広告か分かるバナーです。

この記事では、弊社が運営するバナーアーカイブに掲載している広告バナー27,310件(2026年10月30日時点)の集計から「よくある見た目」を知り、そこから外して目に留めるための色・構図・文字の考え方を紹介します。

目次

まず「よくある見た目」を知る

項目多い見た目割合
メインカラーブルー31.2%
形正方形75.0%
素材写真71.1%
文字量普通53.6%
雰囲気信頼性・シンプルどちらも約45%
少ない雰囲気派手・レトロ・サイバーネオンなどそれぞれ1〜4%
広告バナーの多くは「青系・写真・正方形・落ち着いた雰囲気」です。配信面で目立つには、この中のどこかを、商品やLPに合う範囲で変えるのが近道です。傾向はバナーデザインのトレンドで詳しく紹介しています。

色:周りと違う色を1つ使う

  • ブランドの色が青でも、背景・帯・数字など1か所に周りと違う色を使う
  • 色の数を増やすより、背景と主役の色の差(コントラスト)を大きくする
  • 配信面の色(白い画面・黒い画面)に溶けない背景の色を選ぶ
色の決め方はバナーの配色の決め方、差の目安はバナーのアクセシビリティのコントラスト比で紹介しています。

構図:主役を1つにして大きく見せる

  1. 主役(商品・人物・数字・一言)を1つ決める
  2. 主役を画面の3分の1以上の大きさで入れる
  3. 主役の周りに余白を取り、ほかの要素と重ねない
  4. 縮小しても主役が分かるか、スマートフォンの実寸で見て確かめる
主役が複数あると、どれも小さくなり、配信面で埋もれます。余白の取り方はバナーの余白の取り方で紹介しています。

文字:最初の一瞬で読める一言

  • いちばん大きな文字は短く、太く
  • いちばん小さい文字でも読める大きさにする。弊社では1000×1000pxで作る場合、36pxくらいを目安にしている
  • ボタンやリンクに見せたい部分は、押せそうに見える形にする(Nielsen Norman Groupの実験では、押せる手がかりが弱いと、押す場所を見つけるまでの時間が平均22%長くなった。出典:Nielsen Norman Group)

目立たせるときの注意

  • 点滅や強い光の明滅は、広告媒体の規定で認められないことがある(Google 広告の「画像の品質」など)
  • 「今だけ」「No.1」など強い言葉で目立たせる場合は、裏付けが必要
  • 商品やLPと雰囲気がかけ離れると、押されてもLPで離脱される
バナーとLPの雰囲気をそろえる考え方はバナーとLPの違いで紹介しています。
やっぱりLP制作はプロに任せたい!まず制作事例を見る

目立つバナーを作る前の確認

  • 同じ業種・媒体のバナーを並べて、違って見えるか(バナーアーカイブで比べられる)
  • 主役が1つで、縮小しても分かるか
  • 背景と主役・文字の色の差がはっきりしているか
  • LPと雰囲気が合っているか
目立つかどうかは、周りとの比べ方で決まります。よくある見た目を知り、色・構図・文字のどこかで差をつけてください。

あわせて読みたい
この記事を書いたライター
2009年創業のデザイン会社です。バナー制作.jp(バナー制作実績)では、Instagram・X(旧Twitter)・LINE・Meta・Google・LINEヤフーなどの広告バナーを年間3,000本以上制作しています。制作実績は累計40,000件以上(バナー以外の制作を含む)、取引社数は4,000社以上です。記事の書き方と確認の流れは編集方針をご覧ください。

バナー制作.jpへのお問い合わせはこちらから

お電話でも承ります
050-3541-5719

    件名
    会社名

    会社名ふりがな

    担当者

    担当者ふりがな

    電話番号

    メールアドレス

    都道府県
    ご商談希望
    (3~4候補)

    web商談時に
    聞きたい事

    ご返信方法
    電話連絡の場合
    ※複数回答可

    お問い合わせ内容

    バナーサイズ
    (単位:px)

    デザイン参考

    バナーにいれる
    テキスト情報

    イメージ
    フォント
    リンク先URL

    レギュレーション(仕様)

    素材画像URL

    ※GigaFile便でアップロードしたURLを上記に張り付けてください
    ※提供素材が無い場合は有料素材のみで制作

    規約に同意する


    ※アンケートモニター提供元:ゼネラルリサーチ 
    調査期間:2020年8月7日~12日
    調査方法:インターネット調査 
    調査概要:デザイン制作会社10社を対象にしたサイト比較イメージ調査
    調査対象:全国の20代~50代の男女 1052名

     
    バナーアーカイブ