バナーデザインでデザインスキルを磨くべし!バナーに特化したギャラリーサイト10選
デザイン業務においてよく依頼される機会が多いものといえばバナーです。サイズが小さい分、簡単だと思われがちですが、実際には意外に難しく奥が深い存在です。
なぜなら、限られたスペースの中だけでターゲットの目にとまらなければいけないからです。それ故に悩んでしまって制作に時間がかかることも少なくありません。特に悩みの種になるのがバリエーションで、日頃からバナーを作る機会が多い方はついつい似たようなデザインになってしまいがちです。
今回は、バナーデザインを紹介しているギャラリーサイトをまとめてご紹介します。眺めるだけでも、制作のアイデアを得ることができます。バリエーション不足にお悩みの方、デザインのコツが掴めない方はぜひ参考にしてみてはいかがでしょうか。
バナーデザインを多数集めたギャラリーサイト13選
1.バナーデザインアーカイブ
バナーデザインアーカイブ
Pinterest風の見た目が特徴的で、沢山のデザインを一気に見やすい一覧表示のギャラリーサイトです。
5カラムレイアウトで、小さめのサムネイル画像を多く掲載しています。案件名を太字で見やすく表示したり、関連タグを設定したりと見やすさも工夫しています。サイズで絞り込み検索ができること、同じサイズのバナーをランダムで紹介してくれる点がユニークです。
好きな文章を使ってのフリーワード検索も可能です。
2.バナーデザインギャラリー
バナーデザインギャラリー
ユーザーからの投稿をもとにバナーを収集しているギャラリーサイトです。
現在バナーは553個を掲載中で、ユーザーから投稿があった様々なデザインのバナーを集め、まとめて表示しています。サイズ、カラー、地域で詳細検索ができますので、欲しいデザインに絞り込んで探すことが可能です。また「rate」が設定してあるため、人気順に並び替えてチェックをすることもできます。アイデアが浮かばないとき、インスピレーションを得たいときには「ランダム」表示をおこなうこともでき便利です。
3.レトロバナー
レトロバナー
機能面が充実したギャラリーサイトです。
収集数も多く、現在6,000個以上の色々なバナーが集まっています。気になるバナーのサムネイル画像をクリックすると、サイズ・カラー・業種・テイストの基本情報に加えて、デザイン内で使われている色の紹介、さらに同業種からランダムに抽出したバナーを表示してくれます。デザインに使われている色のパレットファイルもダウンロードが可能です。細かく探したいときに参考になりますのでオススメです。
4.バナーデザインまとめ。
バナーデザインまとめ。
豊富な収集数が魅力的なギャラリーサイトです。
現在15,300個のバナーを掲載中で、5カラムレイアウトでぎっしりと画像を一覧表示しています。よくある業種別、色別検索以外にバナーを表現別に探すという珍しい機能があり、テキスト風や立体風といったデザインに絞って検索することができます。バナー広告についての基礎知識を読むことも可能です。スマホバナー、FLASHバナーをまとめたブログもあり、サイドバーから移動することができます。
5.バナーデザインデータベース
[バナーデザインデータベース]
バナー以外に、メインビジュアルやタイトル、ボタンといったデザインパーツも収集したギャラリーサイトです。
収集数は多くありませんが、様々なデザインを一度に見ることができるためリサーチに役立ちます。タイプ別、カラー別に加えてシンプル、ポップ、キュートといったテイスト別に見ることも可能です。
6.banner gallery
banner gallery
バナーデザインのインスピレーションが欲しいときに参考にしたいギャラリーサイトです。
全部で3,000個のバナーを掲載中で、多種多様なデザインに出会うことができます。サイズ分けがかなり細かく、定番のサイズ以外にも多く掲載しているのが特徴です。自分の探しているサイズのバナーがなかなか見つからないときには特に重宝します。色、職業別のカテゴリもバランスよく揃っています。時間があるときやアイデアが浮かばないときに目を通すと参考になります。
7.ブブンデザインアーカイブ
ブブンデザインアーカイブ
デザイン性の高いwebデザインパーツをアーカイブしたギャラリーサイトです。
グローバルナビゲーション、ログインフォーム、パンくずリストほか様々なパーツを集めていますが、中でもバナーは数多く揃っています。ドラッグ&ドロップでのイメージ確認をオススメしていて、とにかくパーツが豊富なのでデザインを検討する時に活躍するサービスです。
8.スマホバナーデザインまとめ
スマホバナーデザインまとめ
スマートフォンバナーに特化したギャラリーサイトです。
ブログをそのままギャラリーにしていて、多種多様なデザインを一気に投稿しています。詳細な検索ができないため探しているデザインがすでにあるという方には使いにくいサービスですが、とにかくスマホ向けバナーが沢山見たいという方にはオススメです。
9.BannerBlog
BannerBlog
クリエイティブなバナーを数多く紹介しているギャラリーサイトです。
1,700個以上のバナーを掲載しています。エージェンシー、ブランド、カテゴリーで絞り込むことができるほか、キーワード検索も可能です。ブログギャラリーのためコメント機能があり、ユーザーの反応も参考にすることができます。
10.Web Banner Gallery
[Web Banner Gallery]
海外ならではのデザインが揃うギャラリーサイトです。
色、サイズで検索ができるほか、コメント機能や投票機能もついているのが特徴的です。最新のデザイン、評価の高いデザインを調べることもできますのでトレンドチェックやユーザーの評価を参考にしたい時に役立ちます。操作しやすい設計で、英語が苦手な方にも扱うことが可能です。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- 広告
- 広告とは販売のための告知活動を指します。ただし、広告を掲載するための媒体、メッセージがあること、広告を出している広告主が明示されているなどの3要素を含む場合を指すことが多いようです。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- データベース
- データベースとは、複数のアプリケーションまたはユーザーによって共有されるデータの集合体のことです。特定のテーマに沿ったデータを集めて管理され、検索や抽出が簡単にできるようになっているものを指します。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- タイトル
- ホームページのソースに設定するタイトル(title)とは、ユーザーと検索エンジンにホームページの内容を伝えるためのものです。これを検索エンジンが認識し検索結果ページで表示されたり、ユーザーがお気に入りに保存したときに名称として使われたりするため、非常に重要なものだと考えられています。「タイトルタグ」ともいわれます。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- フォーム
- フォームとは、もともと「形」「書式」「伝票」などの意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。
- パンくずリスト
- パンくずリストとは、ユーザーが今閲覧しているWebページを、そのホームページ内でどのような位置にあるのかを、階層ごとにリスト表示させて表示させたもの
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング