【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ

公開日:2014/03/29
更新日:
バナー・素材

banner

皆さんは、満足したバナーが作れていますか?

バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。
しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。

そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。
Webデザイナーやディレクターには特におすすめです。

効果の出るバナーの作り方の参考になる記事

実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。
下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。

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

100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基本
LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。
実際にたくさんのPDCAを回し広告運用してきてわかったことを、事例とともに詳しく紹介&比較がされており、目からウロコな内容となっています。

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

ディレクターなら知っておきたい「バナー広告制作の基礎知識」
同じくLINEのバナー制作記事です。
効果の出るバナー制作をするにあたり必要な考え方や思考設計についての今すぐ実践できるテクニックがこれでもかと細かく説明されている他、基本的なバナー制作のためのコツも紹介されています。
ディレクターやデザイナーは知っておくべき内容です。

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

バナーをデザインする際のヒントやアイディア
バナーデザインにおけるレイアウトのパターンが、実際のバナー広告を事例に出しつつ紹介されています。
イメージ画像や、文字などの要素を配置で迷ったら参考にしてみましょう。

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

デザイナー視点で見る!イケてるバナーとトホホなバナー~イケてるバナー編~
レイアウト別に実際のバナーを使用しつつポイントが言及されている記事です。
「縦に割る」「横に割る」などのレイアウト基本パターンや、「ビタミンカラー」「派手な色」をはじめとしたカラーパターンの紹介で、バナーの組み合わせや構成の基本がわかります。

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

新人必見!倍速かつ高品質なバナーを作るためのコツを全公開します
nanapiのデザイナーさんによる「高品質なバナー」を作るためのコツとフローが紹介されています。
バナーを制作するにあたってのレイアウトのコツや文字組みについてなど、初心者にとって非常にわかりやすくワークフローがまとめられています。

バナー制作やデザインの参考サイト

バナー制作において参考になる、バナーのギャラリーサイトを紹介します。
膨大な数のバナーが集まっており、様々なパターンから検索ができるので、行き詰まった時は見てみましょう。

Retro Banner

retrobanner
29種類という豊富なサイズからバナーを検索できます。
また、それぞれのバナーに使用されている10色がカラーチャートと共に抽出されており、パレットファイルもダウンロードすることができるのでとても便利です。

バナーデザイン専門ギャラリーサイト | レトロバナー

バナーデザインDB

バナーデザインDB
バナーデザインやメインビジュアルなどを「タイプ」「カラー」「テイスト」の3つから検索できます。

バナーデザイン・サンプルデータベース|ホームページ作成 AKAIRO株式会社(アカイロ)

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

バナーデザインギャラリー
約2000コのバナーを「サイズ」「色」「業種」から選ぶことができます。
また、不定期でテーマ別にバナーをまとめられたりもしていて面白いです。(バレンタイン | バナーデザインアーカイブ

バナーデザインアーカイブ|バナーのデザインをまとめてチェック!

バナーデザインギャラリー

バナーデザインギャラリー
「サイズ」「カラー」「地域別」から検索できる他、新着順や人気順でも並べ変えることができます。
人気のバナーをすぐに見たい人におすすめです。

バナーデザインギャラリー | Banner Design Gallery

Croppy

クロッピー
バナーのみではなく、ヘッダーやロゴ、見出しなどWebサイトの部分的なデザインを検索&閲覧できるサービスです。
「Webデザインや配色をサポートするサービス」というだけあり、それぞれのパーツに使われている色もすぐに分かります。

だれでも登録することができるので、気になったパーツは投稿してみてはいかがでしょうか。

Webデザインや配色をサポートする新サービス | Croppy(クロッピィ)

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

ブブンデザインアーカイブ
こちらもバナーだけでなく、Webサイトの様々な部分(パーツ)別に検索できます。
コピーライトやパンくずリスト、ページネーションなどの細かいパーツまでカバーしているので、部分的なデザインで迷った時に役立ちます。

また業界別にも細かく分類されています。

Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト

いかがでしたか?

バナーの作り方やデザインで迷われた方はもちろん、インスピレーションも刺激されますので、気になったサイトや記事は是非参考にしてみてくださいね。

この記事が気に入ったら
いいね!しよう

creiveの最新情報をお届けします

この記事を書いた人

ほづみかずゆき
1989年兵庫県出身。SEOと編集を主な領域としつつ、WordPressからフロンドコーディングまでやります。ベンチャー2社でWebディレクター兼マーケターを経て、株式会社IREMONOを創業。 @hozmii