バナー広告の作り方 - 無料でオリジナルバナー作成

バナーとは？２種類のバナーについて

Web上のネット広告やSNSで目にすることが多い「バナー」ですが、そもそもバナーとは何を意味しているのでしょうか？

英語のバナー（banner）とは、国旗または軍旗など「旗」を意味する言葉です。さらに、何らかの信念のもとに集まる「旗じるし」やスローガンという意味もあります。そこから派生して、広告などを描いた「横断幕」や「のぼり」に使われるようになりました。つまり、バナーには、自分の主張や信条を広くアピールするという意味があるのです。

またインターネット上では、バナーとは、あるサイト上で他サイトを紹介する広告として、ネット広告の黎明期から広く使われてきました。近年では、FacebookやX（旧Twitter）、YouTube、LinkedInなどSNSのヘッダー部分の画像についても「バナー」と呼びます。この場合の「バナー」は、広告ではなくいわば看板や壁紙のような画像をいいます。今すぐCanvaでおしゃれなバナー⁠（新しいタブまたはウィンドウで開く）を作ろう！

バナーを制作する目的

かつては、バナーの価値を評価する基準はCTR（どれだけ多くクリックされたかという割合）でした。この場合は、いかに目立ち、ユーザーにクリックしてもらえるかがバナー制作の目的になるのですが、インターネット広告が洗練されてゆくに従い、バナー広告もさまざまな目的で制作されるようになりました。現在では、バナー広告は大きく分けて下の3つの目的で制作されます。

• ブランディング目的のバナー：ブランドの認知度を高めるために制作する。たとえば、新製品のリリース時に、ターゲット層のユーザーが利用するサイトに一斉に大型バナー広告を展開して認知してもらえるようにするなど。
• キャンペーンバナー：キャンペーン展開の周知を目的として配置するバナー広告。プレゼントなどのキャンペーン内容をわかりやすく、かつブランドイメージを損なわないように伝えることが必要。
• コンバージョン獲得のためのバナー：商品の購入や会員登録などのアクションを目的としたバナー広告。クリエイティブ（デザイン）によって結果が大きく異なるため、複数のパターンを用意してテストするなどの手法を用いる場合が多い。

バナー作成は最適なサイズで

Facebookのカバー写真は 851 x 315 ピクセル、X（Twitter）バナーは 1500 x 500 ピクセルなど、バナーごとの規定のサイズを気にする必要はありません。Canvaのバナーメーカーなら、どのプラットフォームのバナーでも自由にカスタマイズして、JPEG、PNG、PDFなど任意の形式で高解像度の画像を瞬時にダウンロードできます。

キャンペーンバナーの効果的な作り方

効果を発揮するキャンペーンバナーとは、ずばり「クリックしたくなるような」バナーです。たとえば、キャンペーンバナーを制作する場合にも、目線の動きを考慮すると効果的なバナーをデザインすることができます。Webページよりもスペースが限られているバナーの場合は、「左上から右下」を意識しましょう。バナーに気づいたユーザーは、まず左上を見るので、そこに最も重要な情報を目立つレイアウトで配置します。たとえば、キャンペーンに申し込むことでユーザーが得られるベネフィットを伝えるキャッチコピーを左上に配置し、次にイメージ画像で情報を伝達、最後に「今すぐお申し込みを！」などの行動を促すフレーズを配置するといった流れです。

バナー作成のルールは「文字を詰め込みすぎない」

一般的なバナー作成のルールとして、「バナーに文字を詰め込みすぎない」ということを覚えておきましょう。Faccebook広告など、バナーに含まれる文字数は少なくするという推奨ルールがある媒体もあります。テキストで詳細を説明せず、コンテンツをイメージしやすい画像にメッセージ性の強いキャッチコピーを加えるという手法がおすすめです。以下は、注目されるバナー作成のために押さえておきたい基本的なデザインルールです。

• キャッチコピーはターゲット層に刺さるものかどうか
• ターゲット層に合わせたデザインかどうか
• 必要な情報を盛り込んでいるか（キャンペーンバナーなら、ユーザーが得られるベネフィットを訴求）
• ターゲットに沿ったフォントを選択しているか（女性なら明朝体が好まれるが、バーゲンセールなどの場合はゴシック体がおすすめ。男性は力強いゴシック体など）
• 写真の色は文字の色とかぶっていないか。読みやすい文字かどうか
• 色のイメージとターゲット層が食い違っていないか（一般的に、ポップな色は子供向け、暖色系は女性向け、寒色系は男性向けだが、リンク先の内容と食い違わない色であることも大切）
• 主に閲覧されるデバイスで見やすいものかどうか（スマホで閲覧されることが多いかPCで見られることが多いか）

今すぐCanvaでおしゃれなバナーを作る！⁠（新しいタブまたはウィンドウで開く）

バナー作成に大事なテキストと余白

魅力的なバナーを作成するには、小さな部分にも気を配りましょう。文字の整列や文字幅を揃えると美しくなります。文字を一定のルールに沿ったレイアウトにするだけで、ぐっとデザインが美しくなります。また、ひらがなと漢字の間の文字の隙間が不均等だと間が抜けた雰囲気になってしまうことがあるので、全体にまとまって見えるように文字詰めを調整することが大切です。

同様に、各要素を配置していない「余白」についても、重要な要素のひとつと考えてレイアウトすると、バナーがぐっとおしゃれに引き立ちます。優れたデザインのサンプルバナーを見ることも参考になります。以下では、プロのデザイナーが作成したバナーテンプレートを参考にしたり活用したりして、おしゃれな余白とテキストで広告バナーをお作りください。

バナーのデザインを始めよう！

まず最初に、バナーに配置する要素をすべて用意しましょう。必要な要素は、キャッチコピー、サブコピー、メイン画像、ロゴ、ボタン画像などです。準備ができたら、早速Canvaのバナーテンプレート⁠（新しいタブまたはウィンドウで開く）をチェックしてデザインを開始しましょう。

バナーデザインをチームで共同作業する

Canvaなら、チームでデザインを共有しながら、バナーをデザインできます。世界中どこにいても、どんなデバイスを使っていても、チームメンバーならリアルタイムで一緒にバナーを編集できます。色調整、コメント機能、提案の解決など、魅力的なバナーを作成するための機能を最大限活用してください。Canva Proに登録すれば、ブランドのカラーセットを設定することも可能。デザイン画面でブランドカラーを選択して、デザインに取り入れるだけで、ブランドカラーを生かしたオリジナルのバナーに仕上がります。