バナーの作り方やデザインの参考になる記事やサイトまとめ
バナーの作り方やデザインの参考になる記事やサイトまとめ
皆さんは、満足したバナーが作れていますか？
バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。
しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。
そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。
Webデザイナーやディレクターには特におすすめです。
この記事の内容
- 1 効果の出るバナーの作り方の参考になる記事
- 2 バナー制作やデザインの参考サイト
- 3 バナー作成ソフト
- 4 イケてるバナーをつくって集客！
効果の出るバナーの作り方の参考になる記事
実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。
下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。
100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本
LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。
実際にたくさんのPDCAを回し広告運用してきてわかったことを、事例とともに詳しく紹介＆比較がされており、目からウロコな内容となっています。
ディレクターなら知っておきたい「バナー広告制作の基礎知識」
同じくLINEのバナー制作記事です。
効果の出るバナー制作をするにあたり必要な考え方や思考設計についての今すぐ実践できるテクニックがこれでもかと細かく説明されている他、基本的なバナー制作のためのコツも紹介されています。
ディレクターやデザイナーは知っておくべき内容です。
バナーをデザインする際のヒントやアイディア
バナーデザインにおけるレイアウトのパターンが、実際のバナー広告を事例に出しつつ紹介されています。
イメージ画像や、文字などの要素を配置で迷ったら参考にしてみましょう。
デザイナー視点で見る！イケてるバナーとトホホなバナー～イケてるバナー編～
レイアウト別に実際のバナーを使用しつつポイントが言及されている記事です。
「縦に割る」「横に割る」などのレイアウト基本パターンや、「ビタミンカラー」「派手な色」をはじめとしたカラーパターンの紹介で、バナーの組み合わせや構成の基本がわかります。
新人必見！倍速かつ高品質なバナーを作るためのコツを全公開します
nanapiのデザイナーさんによる「高品質なバナー」を作るためのコツとフローが紹介されています。
バナーを制作するにあたってのレイアウトのコツや文字組みについてなど、初心者にとって非常にわかりやすくワークフローがまとめられています。
バナー制作やデザインの参考サイト
バナー制作において参考になる、バナーのギャラリーサイトを紹介します。
膨大な数のバナーが集まっており、様々なパターンから検索ができるので、行き詰まった時は見てみましょう。
Retro Banner
29種類という豊富なサイズからバナーを検索できます。
また、それぞれのバナーに使用されている10色がカラーチャートと共に抽出されており、パレットファイルもダウンロードすることができるのでとても便利です。
バナーデザインDB
バナーデザインやメインビジュアルなどを「タイプ」「カラー」「テイスト」の３つから検索できます。
バナーデザイン・サンプルデータベース｜ホームページ作成 AKAIRO株式会社（アカイロ）
バナーデザインアーカイブ
約2000コのバナーを「サイズ」「色」「業種」から選ぶことができます。
また、不定期でテーマ別にバナーをまとめられたりもしていて面白いです。（バレンタイン | バナーデザインアーカイブ）
バナーデザインアーカイブ｜バナーのデザインをまとめてチェック！
バナーデザインギャラリー
「サイズ」「カラー」「地域別」から検索できる他、新着順や人気順でも並べ変えることができます。
人気のバナーをすぐに見たい人におすすめです。
バナーデザインギャラリー | Banner Design Gallery
Croppy
バナーのみではなく、ヘッダーやロゴ、見出しなどWebサイトの部分的なデザインを検索＆閲覧できるサービスです。
「Webデザインや配色をサポートするサービス」というだけあり、それぞれのパーツに使われている色もすぐに分かります。
だれでも登録することができるので、気になったパーツは投稿してみてはいかがでしょうか。
Webデザインや配色をサポートする新サービス | Croppy（クロッピィ）
ブブンデザインアーカイブ
こちらもバナーだけでなく、Webサイトの様々な部分（パーツ）別に検索できます。
コピーライトやパンくずリスト、ページネーションなどの細かいパーツまでカバーしているので、部分的なデザインで迷った時に役立ちます。
また業界別にも細かく分類されています。
バナー作成ソフト
バナーの作り方がわかっても、社内にデザイナーがいなかったりすると、自分でつくるか外注か・・ということなります。
バナーが必要な機会がたまにであれば問題ありませんが、いくつか作成してテストしたり、継続してプロモーションしたいときは困ります。
外注が手軽ですが、オペレーションコストを考えると割高になる可能性も・・。
そんなときは、バナー作成ソフトを使うというのも手です。
バナープラス
バナー作成に特化したソフトです。
プロのようなバナーが誰でも簡単に作れてしまうというソフトで、画像素材やアイコンなどバナーによく使われているような素材が豊富だったり、マスクやシェイプなど、画像加工にも優れています。
機能や素材が豊富だと、どうしても複雑になりがちなのですが、バナープラスはわかりやすい操作で、時間をそこまでかけずにプロのようなバナーが作れてしまいます。
１４８００円の有料ソフトではあるのですが、初期コストしかかからないので外注を使ったり、デザイナーを雇うよりは安いはず。
イケてるバナーをつくって集客！
いかがでしたか？
バナーの作り方やデザインで迷われた方はもちろん、インスピレーションも刺激されますので、気になったサイトや記事は是非参考にしてみてくださいね。
