中小企業のためのコンピュータ活用を応援!
mail:メールアドレス

バナーの作り方やデザイン参考サイトのまとめ 【2014年版】

最終更新日:2014年11月24日


バナーを作成しようと思ったときに、どのようなサイズでどんなデザインのバナーを作るのか決めるのはとても難しいですよね。

特にデザイナーではない方にはバナー作成は、かなり敷居が高いのではないでしょうか。 今回は、バナーの作成に関する大まかなコツや考え方の記事、バナーギャラリーをまとめましたので、記事やギャラリーを参考にして満足のいくバナーをつくってみてください。

バナー作成の参考になるサイト

基本的なバナーの種類や興味を引くためのバナー作成の方法、具体的な作成方法まで 参考になる記事をまとめて紹介します!

バナー広告の基礎~作成まで:
ディレクターなら知っておきたい「バナー広告制作の基礎知識」

バナーを実際に作る前に、どのようにユーザーに訴求するかの考察です。デザイナーというよりディレクター向きの記事です。

「45分」で作れる! 高品質バナーの作り方!

バナーを素早く作るための参考記事です。バナーの文案や構成の方法までに言及しています。

バナー作成自体の基礎:
新人必見!倍速かつ高品質なバナーを作るためのコツを全公開します

デザイナーがバナーを作成する際のワイヤーや文言の調整やライフデザインのやり方などを詳しく解説しています。

バナーをデザインする際のヒントやアイディア

バナー作成時のレイアウトのパターンについての記事です。

これで作れる!?広告業界人のためのWEBバナー作成講座~Photoshop編~

PhotoShopでのバナーの作成の仕方の説明です。概念的なものの説明は特にありません。

デザイナー視点で見る!イケてるバナーとトホホなバナー~イケてるバナー編~

実際のバナーを見ながら、レイアウトや配色ののパターンについて言及した記事です。

バナーデザインの研究:
100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基本

バナー広告を実際に配信してどのようなバナーが効果があるのかについて解説しています。

[テンプレ付き]高反応バナーデザインの作り方、4つの具体例

バナーの役割やサイズの種類、作成する前の心構えのようなバナーに関するさまざまな考察です。

バナー作成の参考になるスライド

パワーポイントのスライドでも、配色やデザイン、Photoshopでの作り方など参考になるバナーデザインに関するヒントが多く提供されています。

バナーを作る前に知っておくべきワンランク上の現場の常識
クリック率が2倍になるバナー作成テクニック講座&ワークショップ
Photoshopでバナー "いい感じ" に制作せよ!
バナーの参考になるギャラリー集
さまざまなバナーをサイズや配色、業種などから検索することができます。 検索結果のバナーは一覧で見れるので、とても見やすいです。
http://retrobanner.net
Webデザインの部分(パーツ)の検索に特化したサイトです。画像をフォトショップやイラストレータにドラッグ&ドロップすることで全体のイメージを確認することができます。
http://bubundesignarchive.jp
バナー画像をデータベースにしたサイトです。バナーのほか、ボタンやタイトルメインビジュアル、バナー画像のテイストなどで検索することも可能です。
http://aka-design.sub.jp
いろいろばバナーが集められ一覧で見続けることができます。 季節の特集などもあるようです。
http://banner.keizine.net
海外、国内別のバナーをサイズや色で探すことができます。
http://www.banner-design-gallery.com
検索できるバナーのサイズが細かくわかれているほか、ジャンルによるカテゴリわけも細かくできます。
http://bannergallery.net
バナーデザインがサイズ、カラーべつに見ることができます。 バナーの数自体はあまり多くないようです。
http://m-plotworks.web9.jp
海外のバナーを集めた海外のバナー一覧サイトです。 デザインに迷ったときは、国内だけでなく海外のバナーなども見てみてはどうでしょうか。
http://web-banner-gallery.com