BLOG

ブログ

#Facebook広告

最終更新日:(公開:

【全10選】バナー広告のデザイン参考になるギャラリーサイトまとめ!成果に繋がる作り方も解説。

「成果の出るようなバナー広告のデザインの作り方が思い浮かばない」

「いきなりバナーを作ることになったけど、何から手を付けていいかわからない・・・」

今回はこのような方向けに、バナー広告のデザインをする上で役立つ下記について紹介します。

  • バナー広告作成の参考になるギャラリーサイトまとめ9選のご紹介
  • 成果のでるバナー広告デザイン4つの基本
  • バナー広告に関するよくある質問

この記事を読めば、広告効果の高いバナーの作り方も知ることができますので、ぜひ参考にしてみてください。

バナーデザインの参考になるギャラリーサイトまとめ9選

バナーをはじめて作るとき、自分自身で作りたいものを作っていませんか?

はじめて制作する場合はお手本となるバナーを見ながら制作することをおすすめします。

ここでは、以下の9つのギャラリーサイトを紹介します。

  • バナーデザインアーカイブ
  • retrobanner
  • バナー広場
  • BANNER LIBRARY
  • Bannner.com
  • BannerMatome
  • Pinterest(ピンタレスト)
  • Facebook広告集めました。
  • インスタ広告集めました。
  • Meta広告ライブラリ(Facebook広告ライブラリ)

それぞれのサイトでいろいろなバナーデザインを見ることができるので、広告配信予定の商材のイメージに近いデザインの広告がすぐに見つかるかもしれません。ぜひ見てみましょう。

バナーデザインアーカイブ

引用:バナーデザインアーカイブ

バナーデザインアーカイブは、ネット上に存在するさまざまなバナーが掲載されているサイトです。

業種・サイズ問わず幅広いジャンルの広告が掲載されており、現在は2,100点を超えるバナーが掲載されています。

以下の3つの項目から掲載バナーを絞り込めるので、自社と似たサービスをしている会社の広告を簡単に見つけることができます。

  • サイズ
  • 業種

スクロールすることでバナーが表示されるため、ページ移動なしでバナーを閲覧できます。

retrobanner

引用:retrobanner

retrobannerでは、12,000点を超えるバナーが掲載されています。

平日に1日4点ずつ新しいバナーが掲載されているため、常にバナーのトレンドを把握できるでしょう。

retrobannerの大きな特徴として、バナー広告に使われている主要16色のカラーコードを閲覧できます。

実際に広告を見て使用したい色があれば、すぐにカラーコードを把握できるので利便性が高いです。

バナー広場

引用:バナー広場

バナー広場は国内最大級のバナー参考サイトの1つです。

バナーデザインが13,000点を超えており、豊富な種類のバナーを閲覧できます。

バナー広場の最大の特徴は、絞り込み検索機能が充実していることです。

以下の条件を複数掛け合わせて検索できます。

  • サイズ
  • カラー
  • 業種
  • デザイン(シンプルやおしゃれなど)
  • タイプ(広告バナーや SNS バナーなど)
  • 要素(季節・キャンペーンなど)

あらゆるパターンで検索できるため、自社で参考にしたいバナーを簡単に見つけられるでしょう。

引用:BANNER LIBRARY

デザインにこだわりたい方に、BANNER LIBRARYがおすすめです。

4,000点以上のバナーがあり、気に入ったデザインがあればお気に入り登録して管理できます。

他のサイトと比較するとおしゃれなバナーが多い傾向にあります。テイストや季節感のハッシュタグで分類されているので、トレンドの把握にも参考になります。

以下のSNSごとに広告を閲覧できるため、自社広告を配信したいメディアにあわせて閲覧したいバナーの条件を絞り込めます。

  • Instagram
  • Twitter
  • LINE
  • FaceBook

Bannner.com

引用:Bannnner.com

Bannner.comは、広告制作者のお手本になる高いクオリティのバナーがラインナップしているサイトです。

約70種類のカテゴリから条件を絞り込んでバナーを探せます。

カテゴリの中には、「縦割り」「横割」「反復」などレイアウトの種類や「GIFアニメーション」などバリエーション豊かな絞り込み検索が可能です。

他にも「テキストのみ」「写真メイン」「切り抜き」など、デザイナーのために作られたようなカテゴリがあります。

BannerMatome

引用:BannerMatome

BannerMatomeは、21,000点以上の広告が掲載されているギャラリーサイトです。
レクタングルと呼ばれる正方形に近いサイズのバナーが多く掲載されています。

バナーに関する基礎知識についても掲載されており、未経験者でもわかりやすくバナーの作り方を学べます。

ただし、2021年10月14日以降サイトの更新が止まっている(2022年8月27日確認)ため、バナーのトレンドを確認したい方は更新日に注意しましょう。 

Pinterest(ピンタレスト)

引用:Pinterest

Pinterestはサービス内で配信されている画像を、自分の好みに合わせて収集できるSNSです。

Pinterestは広告バナーの専門サイトではありません。
しかし、「バナー広告 デザイン」といったキーワードで検索すると膨大な数のバナーの画像が出てきます。

他のキーワードとの掛け合わせてもヒットするので、バナーを探すのに手間がかかりません。

気に入った画像があれば、サービス内で保存でき、参考にしたいバナーの整理ができます。

Facebook広告集めました。

引用:Facebook広告集めました。

「Facebook広告集めました。」は、Webマーケティング会社のアドスクエアが運営しているFacebook専門の広告バナー参考サイトです。 

約800点のFacebookの広告バナーが掲載されており、業種ごとにカテゴライズされています。
自社に合わせた Facebook 広告の検索が可能です。

また、バナーデザインだけでなく、広告文の記載もされています。商品やサービスの訴求する文章を作成するときにも、「Facebook広告集めました。」を活用できるでしょう。

インスタ広告集めました。

引用:インスタ広告集めました。

「インスタ広告集めました。」も、「Facebook広告集めました。」と同じ会社のアドスクエア株式会社が運営しています。

Instagramで掲載されていたバナーが紹介されており、1,800点以上の投稿があります。

以下のように幅広い商品やサービスのバナーが掲載されているため、同業者の方は参考にしてみてください。

  • 転職サイト・求人募集
  • 化粧品
  • 食品・飲料
  • 住宅関連
  • サブスクリプションサービス
  • 旅行関連
  • 業務代行サービス

Meta広告ライブラリ(Facebook広告ライブラリ)

引用:Meta広告ライブラリ

Meta広告ライブラリ(Facebook広告ライブラリ)は、Metaが公式に用意しているサービスで、FacebookやInstagramなどMetaのサービス内で、どのようなクリエイティブが掲載されているかを検索することができます。

会社名やサービス名、Facebookページ名等で検索することで、実際に表示されているクリエイティブと広告出稿元のFacebookページやInstagramアカウントの下記情報を確認することができます。

検索できる項目確認できる内容
クリエイティブ・クリエイティブ全体(画像やテキスト文)
・掲載開始日
・配信プラットフォーム(Facebook、Instagram、Audience Network、Messenger)
・広告のリンク先URL
・広告フォーマット(写真広告、動画広告、カルーセル広告、リード獲得広告、ダイナミック広告など)
Facebookページ・Facebookページの名前、ID、業界
・Facebookページのいいね!数
・Facebookページ作成日
・InstagramアカウントID
・Instagramアカウントのフォロワー数

ただ注意点としては、今現在(約24時間以内に)掲載中のクリエイティブしか確認できないため、ベンチマークしている競合他社がいるのであれば、定期的に確認してキャプチャを残しておくと良いでしょう。

このセクションのポイント

  • バナー広告の作成に参考になりそうなサイト9選をご紹介しました。
  • それぞれのサイトごとに絞り込み機能やカテゴリー分類が異なるため、使用用途によって使い分けましょう。
  • 一つのサイトのみを見るより、様々なサイトを見るようにして、バナーのトレンドを把握しておくのも大事な観点です。

バナーデザインにつかえる商用可能なフリー素材サイト5選

バナー広告のデザイン制作でイラストを使いたいとき、イラストレーターに発注するほど制作費を割けないと悩むケースのあるのではないでしょうか。

少しでも制作費を抑えて、よりクオリティーの高いバナーデザインを作るのであれば、フリー素材の活用がおすすめです。

現在、商用可能なフリー素材を掲載しているサイトが多くあります。
汎用性の高いイラストが多く、自社のイメージに合う素材が必ず見つかるでしょう。

以下の5つの商用可能なフリー素材サイトを紹介しますので、フリー素材を探している方は必見です。

  • イラストAC
  • イラストナビ
  • ソコスト
  • ビジネス素材 By Runland(ランランド)
  • ちょうどいいイラスト

イラストAC

引用:イラストAC

イラストACは、商用利用可能イラストが240万点以上掲載されている国内最大級のイラスト素材サイトです。

会員制で利用でき、無料会員であれば1日に4回までキーワード検索が可能で、最大9点のイラストをダウンロードできます。

幅広いジャンルのイラストが掲載されているため、イラストACで必要な素材が探せばほぼ確実に見つかるでしょう。

月額1,569円(税込)でプレミアム会員に登録することで、検索回数やダウンロード数が無制限になります。

商用可能
加工可能
クレジット表記不要
ファイル形式(JPG / PNGなど)PNG・JPG・Ai・EPS

イラストナビ

引用:イラストナビ

手書きのようなイラストを使用したい方は、イラストナビがおすすめです。
シンプルなデザインで、バナーに優しい印象を持たせたいときに活用できます。

以下のように幅広いジャンルのイラストが掲載されています。

  • アウトドア
  • ビジネス
  • 食べ物・飲み物
  • イベント
    – クリスマス
    – ハロウィン
    – 節分

    などなど、その他複数カテゴリー

基本的に無料で商用利用できますが、30点以上の画像をまとめて使用した場合は有料になりますので注意してください。

商用可能
加工可能
クレジット表記不要
ファイル形式(JPG / PNGなど)PNG

ソコスト

引用:ソコスト

ソコストは、「ソコソコ使えるシンプルなイラスト素材」をコンセプトのフリー素材サイトです。

シンプルなタッチのイラストが多く、汎用性が高いです。
ダウンロード時にイラストのカラーを変更できるため、加工なしでそのまま利用できます。

さまざまなファイル形式に対応しており、自社で利用しているイラスト編集ソフトに合わせてダウンロードできます。

商用可能
加工可能
(過度な加工はNG)
クレジット表記不要
ファイル形式(JPG / PNGなど)PNG・SVG・EPS

ビジネス素材 By Runland(ランランド)

引用:ビジネス素材

Web制作会社のRunLandが運営しているフリー素材サイトです。

ビジネス向けの画像に特化しており、以下のようなシーンごとに分類されています。

引用:ビジネス素材
  • 表情
  • 営業シーン
  • 会議シーン
  • 受付シーン

青色をベースにしたイラストが多いですが、Illustratorで利用できるAiファイルにも対応しているため、色を簡単に変更できます。

商用可能
加工可能
クレジット表記不要(ただしYouTubeは必要)
ファイル形式(JPG / PNGなど)PNG・Ai

ちょうどいいイラスト

引用:ちょうどいいイラスト

ゆるいタッチが特徴のイラストを利用したい方に、「ちょうどいいイラスト」がおすすめです。

1つのイラストにつき、3種類のカラーバリエーションが選べるため、バナーの雰囲気にあわせて色を替えられます。

人物以外のイラストも多く、ものをメインにした広告バナーの作成にも有効活用できます。

商用可能
加工可能
クレジット表記不要
ファイル形式(JPG / PNGなど)PNG・EPS

このセクションのポイント

  • バナーデザインにつかえる商用可能なフリー素材サイト5選をご紹介しました。
  • バナー制作だけでなく記事の制作など画像素材を利用する場合にこういったフリー素材が役立ちます。
  • フリー画像やフリー写真を配布しているサイトはたくさんありますので、是非当記事をブックマークして制作に役立ててください。

成果のでるバナー広告デザイン4つの基本

成果のでるバナー広告を制作するためには、まずデザインの基本知識が必要です。

基礎がしっかり成り立っていないデザインは見栄えや情報整理がされておらず、どうしても見にくくなってしまいます。

クオリティの高いバナー広告を制作するにはまず基本知識を理解していきましょう。

広告デザインの基礎として以下の4つを紹介しますので、バナー制作未経験の方は是非一読ください。

  • デザインの基本原則を意識する
  • 事前設計をする
  • 視線が行くテキスト・配色を使う
  • 媒体ごとの特徴を知る

デザインの基本原則を意識する

見やすいデザインには4つの原則があります。
以下の表にまとめていますので、見てみましょう。

デザインの4原則概要
近接(Proximity)関連性のあるものは近づけて配置することで、情報がカテゴライズされる余白を駆使して情報をグループ化する
整列(Alignment)複数のイラストやテキストをきれいに揃えるデザイン全体に統一感がうまれ、情報が見やすくなる
強弱(Contrast)文字やイラストの一部を目立たせるサイズや色、枠線の太さを変更する
反復(Repetition)カテゴライズした情報の構成を統一する規則性があることで伝わりやすくなる

・近接

近接を使う目的は、グループ化して情報を整理するためです。

関連性の強い物同士をまとめることで関連性を強調させることができ、見た目瞬間に内容のグループが理解できるようになります。

空白を使うことで、距離でカテゴリ分けすることができます。

・整列

要素を縦横で整列させてあげることで統一感を生むことができます。近接で整理したグループを整列して綺麗に並べることで視線の流れがスムーズになります。

・強弱

一番伝えたい部分のサイズや色を変えることで、見た目に強弱が生まれ視線を集中させることができます。整列の裏をかいてあえて規則から外れさせることで情報のコントラストが生まれます。

・反復

反復とは繰り返しのことです。規則に基づいてスタイルやフォーマットを統一します。

反復を使う目的は、物に一貫性をもらせることでユーザーが情報を拾いやすくし、混乱することを回避させることができます。

上記の4原則を意識することで、少なくとも情報が見やすい広告バナーを制作できます。

事前設計をする

デザインを考える前に、広告を掲載する目的を明確にすることからはじめましょう。

目的が不明確なまま作成しても、商品やサービスにぴったりのバナーは作れません。

事前に以下のことを社内で話し合って、バナーの内容を検討してください。

  • 広告のターゲットが誰か
  • バナーで何を伝えたいか
  • バナーを見たユーザーにどう行動して欲しいのか
  • どのような文言を記載したいのか

上記の項目を整理することで、 効果的な広告のイメージを見つけられるでしょう。

視線が行くテキスト・配色を使う

成果を出すためには、ユーザーの目に留まりやすく、情報が伝わりやすいバナー広告を作ることが大切です。

伝えたいことが伝わるよう、以下のことを意識してバナーを作成しましょう。

  • 情報の優先順位
  • 文字のフォント
  • 文字の太さ
  • イラストや文字、背景の配色
  • 文章の可読性

目立たせたいイラストや文字の色を変えるだけでも、ユーザーが気になって広告を見てくれる可能性があります。

ユーザーの印象に残りやすく、思わずクリックしたくなるような広告を作成してみてください。

媒体ごとの特徴を知る

バナー広告は、以下のような媒体で配信できます。

  • Google
  • Yahoo!
  • Facebook
  • Instagram
  • LINE
    その他、DSP・アドネットワーク広告など

上記の媒体では、バナーの推奨サイズや入稿規定、表示のされ方が異なります。

もし規程にないサイズで広告を入稿した場合、重要な部分がトリミングされたり、画像が圧縮されて掲載されたりすることがあります。

広告のクオリティが落ちてしまうため、ユーザーにクリックされる可能性が低くなるでしょう。

作成したバナーが適切に掲載されるよう、媒体の入稿規定などのルールに沿った形で作成しましょう。

Google 広告、Yahoo!広告、Facebook広告、Instagram広告のバナーサイズはこちらでもまとめておりますのでご参考ください。

このセクションのポイント

  • デザインの基本知識を解説しました。バナー広告の制作では、オリジナル性を出すよりも先にデザインの原理原則をしっかり理解した上で制作を進めることをおすすめします。
  • デザインの基礎があれば、情報の優先順位を付け方や伝えたい情報の強調の仕方などを調整を図ることができるようになります。
  • また制作を始める前には、事前設計も重要です。どのような商品・サービスを誰に伝えたいのかを明確にした上で取り組みましょう。

バナー広告に関するよくある質問

バナー広告に関するよくある質問について回答します。
以下の質問について気になる方は、ぜひ確認してください。

  • バナーデザインを外注で制作するといくらかかる?
  • バナーの作成方法・作り方は?

バナーデザインを外注で制作するといくらかかる?

バナー広告を外注すると、1枚当たり3,000円〜1万円ほどで、動画となると数万円かかることが多いです。以下の表のように、バナーの種類によって相場が異なります。

バナーの種類相場
静止画バナー3,000円~1万円
GIFアニメバナー7,000円~
動画広告3万円~

広告のサイズや品質によっても価格が変化します。

細かいアニメーションやレイヤー数の多い複雑なデザインを求めすぎると、10万円以上かかることもあります。

予算をオーバーしないよう、外注するときは必ず見積もりをしてもらいましょう。

バナーの作成方法・作り方は?

バナーはデザインツールを使って作成していきます。
以下のようなツールがよく利用されているので、見てみましょう。

ツール名概要
Illustrator本格的なイラストを作成できるツール
図形を用いたイラスト作成や写真のトレースなどができる
Photoshop多機能で自由度の高いバナーが作成できる
画像編集ソフト写真の補正や合成が簡単にできる
バナー工房無料の画像編集ツールオンラインでイラストのトリミングやテキストの挿入が可能
Canvaオンライン上で利用できる無料のイラスト作成ツールテンプレートで簡単にバナー作成が可能

バナー制作のノウハウがない企業の方は、初心者でも簡単に利用できるバナー工房やCanvaなどを利用してみてください。

このセクションのポイント

  • 社内でデザイナーがいない場合やデザインリソースがない場合は外注の選択肢も検討しましょう。
  • 外注費用も担当するデザイナーによって変動するため、複数社の業者に見積を取った上で検討することをおすすめします。
  • 今では簡単にバナーを制作できるツールもありますので、ぜひ活用していきましょう。

まとめ

バナーのギャラリーサイトを利用することで、自社の商品・サービスに近い他社のバナーデザインを閲覧できます。

バナーデザインを考える際は自社目線だけで考えてしまいがちですが、他社のバナーデザインを見ることで、デザイン面だけではなく改めて自社の強みや弱み、差別化ポイントなどに気づくことができますので、ぜひ今回紹介したギャラリーサイトを活用してみましょう。

また、バナーを含め成果につながるクエリエイティブを作成するためには、デザインも大事な要素ですが、各出稿先媒体の入稿規定や表示のされ方なども理解して作成する必要があります。

例えば、通常のWebサイト内のバナーとInstagramのストーリーズではバナーのデザインも変わってきますよね。

細かな媒体のルールに合わせてクリエイティブ作成をすることは工数もかかり大変ですので、クリエイティブを含めディスプレイ広告に課題を感じている方はぜひご相談ください。

美根 龍一

DataSpoon代表/アカウントプランナー

2012年Web専門広告代理店への入社を機にインターネット広告の世界へ。

2020年に株式会社DataSpoonを創業し、大手インターネット広告代理店での広告運用コンサルティング経験と事業会社でのインハウス広告運用の経験を基に、お客様のビジネス拡大を最終ゴールとしたWebプロモーション支援を展開中。

インターネット広告を中心にWebマーケティングについてのお役立ち情報をお届けします。

twitter

アクセスランキング

ランキング取得中

オススメ記事

【2023年最新】Yahoo!広告の自動入札機能とは?種類やメリット、注意点を解説

#Yahoo!広告

#リスティング広告

【基本】Google ショッピング広告とは?メリットや設定方法を詳しく解説

#Google 広告

#リスティング広告

【最新版】Google 広告のP-MAX キャンペーンとは?特徴や設定方法、効果的に運用するポイントを詳しく解説!

#GDN

#Google 広告

#ディスプレイ広告

【最新版】Google ファインド広告とは? メリット、設定方法、注意点を解説

#GDN

#Google 広告

#ディスプレイ広告

【最新版】Google 広告のオークションの仕組みとは?掲載順位を上げる方法も詳しく紹介

#Google 広告

#ディスプレイ広告

#リスティング広告

【完全版】リスティング広告の競合分析の手順やポイントを徹底解説!活用方法やおすすめツールもご紹介。

#Google 広告

#Yahoo!広告

#リスティング広告

【指標解説】インプレッション シェアとは?指標の種類や見方、活用・改善方法もご紹介!

#Google 広告

#Yahoo!広告

#ディスプレイ広告

#リスティング広告

マイクロコンバージョンとは?導入メリットや注意点、設定方法も詳しく紹介!

#ディスプレイ広告

#リスティング広告

クリック単価(CPC)とは? 決まり方や相場の調べ方、クリック単価の改善方法をも解説!

#Google 広告

#Yahoo!広告

#リスティング広告

Google 広告のリーチプランナーとは?使い方と予測できる指標も解説!

#GDN

#Google 広告

#ディスプレイ広告

contact

CONTACTお問い合わせ

インターネット広告・集客に関する「お困り事」をお気軽にご相談ください!
現在、Google広告、Yahoo!広告の無料アカウント診断も受付中です。

キーワードから記事を検索

カテゴリーから記事を検索

人気のキーワード