【初心者必見！】SNSキャンペーンバナー制作4つのポイントをデザイナーが実例付きで大公開！

成果の出るバナー制作のポイント1.キャンペーン内容を整理して始める

まずはバナーに入れる情報を整理します。面倒かもしれませんが、できれば書き出しましょう。いきなりパソコンに向かってデータを作り始めるのはおすすめしません。作業に取り掛かる前の下準備がとても大切です。工程を省くと、結果的にかえって時間がかかります。

キャンペーンのバナーに必要な情報は

• キャンペーン名
• 景品
• 当選人数
• キャンペーンの開催期間
• 応募方法
• 注釈

このあたりが主かと思います。キャンペーンの内容によって異なるので、担当者にしっかりと確認しましょう。データ制作を始めてから情報量の増減があると、修正に意外と時間がかかります。

この段階ではまだ色はつけないでおきましょう。

内容を整理したら、次は情報の優先順位をつけましょう。優先順位の高い情報は、この後のデータ作成の際に目立たせます。Twitterキャンペーンバナーでは、景品や当選人数を1番目立たせているパターンが多いです。景品が豪華な場合は景品を、当選人数が多い場合には当選人数を優先しましょう。注釈は小さくてもいいですね。

1. 景品or当選人数
2. キャンペーン名
3. 応募方法
4. キャンペーンの開催期間
5. 注釈

上記のようなパターンが多いです。キャンペーンの目的によっては、キャンペーン名を1番目立たせることもあります。

どれも重要な情報ですが、あれもこれも目立たせようとするとメリハリがなくなり、野暮ったくなってしまいます。色々なバナーを見て研究してみましょう。

成果の出るバナー制作のポイント2.とにかくそろえる！

2つ目のポイントは、とにかく揃えることです。揃えるものはマージン、フォント、トンマナの3つです。

最初はマージンについて。

バナーに入れる情報が整理できたら、パソコンでデータを作り始めます。まずは文字を配置しましょう。配置の段階ではまだ色はつけません。先ほど決めた優先順位に沿ってサイズを決めていきましょう。

文字を配置する際はマージンを揃えるようにします。全部かっちり揃えてしまうと固くなりすぎてしまうので、上下左右のどこかの端の位置を揃えましょう。

次はフォントについて。

フォントの種類は多くて3種類までにしましょう。色々な種類のフォントがあって目移りしてしまうかもしれませんが、フォントを複数使うとまとまりがなくなってしまいます。

キャンペーンバナーはゴシック体が使われていることが多いです。景品や企業のイメージ次第では明朝体を使うのも効果的ですが、特に理由がなければゴシック体を使うのが無難です。

数字やアルファベットは欧文フォントを使うとカッコよく仕上がります。「円」や「名様」などの単位に関する文字や、「＆」「＋」などの記号、約物はサイズを小さくするとメリハリがあり見やすくなります。

最後はトンマナです。

トンマナとはトーン＆マナーのことで、簡単に説明するとデザインに一貫性を持たせることです。

キャンペーンの内容や企業のイメージに合わせて全体を整えましょう。

使用する色は3色程度に絞ります。ベースカラー、メインカラー、アクセントカラーの割合を70:25:5を目安にすると良いです。

左側のバナーはトンマナが揃っていない例です。トンマナが合っていないため、チグハグな印象になってしまっていますね。右側はトンマナを修正して揃えた例です。統一感が出てまとまった雰囲気になりました。

「どんな色を使ったらいいか分からない」というときは「配色 イメージ ○○」などのワードで調べてみると良いでしょう。

成果の出るバナー制作のポイント3.文字のあしらい（装飾）を加える

3つ目のポイントは文字のあしらいについて。あしらいとは装飾やディティールのことです。

文字のサイズや位置を調整するだけでは、まだ賑やかさに欠け寂しい印象なのではないでしょうか？

左側のバナーは、マージンやトンマナは揃っていますが、カッチリしていて賑やかさに欠けています。右側のバナーは文字に縁取りや影をつけ、リボンの中に文字を入れ、写真素材を付け足しました。左側に比べ賑やかさが出ています。

少しあしらいを工夫するだけでもグッとクオリティが上がるので、ぜひ色々な種類を試してみてください。高価なデザインソフトがなくても、簡単に実践できるものがたくさんあります。

ただし、多用しすぎるとゴチャゴチャしてメリハリが無くなってしまうので、特に目立たせたい重要な部分などにポイントを絞って使用しましょう。

あしらいの種類

• 丸や四角など図形の中に文字を入れ込む
• 帯を敷く
• 下線を引く
• 強調線をつける
• 集中線
• フチをつける
• 影（ドロップシャドウ）をつける
• グラデーション
• パターン（柄）を入れる
• 版ズレ
• ワープ
• 立体表現
• イラストや枠の中に入れ込む
• リボンの中に入れ込む

あしらいを取り入れた一例

上記のあしらいは、どれも皆さん一度は目にしたことがあるのではないでしょうか？

モチーフのイラストは自分で描けなくても大丈夫です。フリー素材サイトにも素敵なものがたくさんあります。リボンや枠も多く用意されているので、どんどん利用させてもらいましょう。

こちらに記載した以外にも様々な手法があります。まずは簡単なものから取り入れてみましょう。難しいことをしなくてもガラッと印象を変えられますよ。

成果の出るバナー制作のポイント4.使用する素材は、使用OKかつ元データを使う

キャンペーンバナーでは景品の写真や、キャラクターのイラスト、企業のロゴが使用されているのをよく見かけます。バナー作成を依頼された場合は、事前に指定の写真や画像があるかどうか担当者に確認しましょう。指定の素材がある場合はデータをもらいます。

指定の画像がない場合は文字のみで仕上げたり、素材サイトからイラストや写真をダウンロードして使用したりします。

キャンペーンバナーでは紙吹雪やガーランド、クラッカーなど楽しい雰囲気を盛り上げるようなイラストがよく使用されます。

こちらのバナーのようにガーランド＋紙吹雪など、複数の要素を組み合わせて使われることも多いです。

素材を使用する際の注意点としては

• 写真のメイン部分に文字や装飾など、他の要素が被らないようにする
• 企業のロゴを入れる際は必ず元データをもらう
  • 「サイトから拾ってきて」と言われることもあるかもしれませんが、これでは解像度が足りずに画像が荒くなる可能性があります。
  • 絶対に比率を変えないよう注意しましょう。白抜きなど色を変更したい場合は、必ず担当者に確認して許可をもらってからにします。
• ネット検索で出てきた画像をそのまま保存して使用するのはNG！
  • 違法行為にあたったり、炎上する可能性もあります。素材を使用する場合は、必ず正規の手段で入手しましょう。フリー素材でも商用利用は不可の場合もあるので要確認です。

思わぬトラブルを避けるためにも、上記の点には注意しましょう。

写真やイラストはユーザの目を引き、賑やかさも出しやすいため重宝します。規約をしっかりと守って利用しましょう。

クオリティの高いバナーでSNSキャンペーンをさらに盛り上げよう

「キャンペーンバナー制作時の4つのポイント」いかがだったでしょうか？普段何気なく見ているバナーですが、いざ作るとなると案外考えることが多いですよね。限られたスペースに必要な情報をまとめ、ユーザにキャンペーン参加を促せるようなバナーを作りましょう。

自分で作るのが難しい場合は、プロに依頼するというのもひとつの手です。最初にも記した通り、バナーの良し悪しがキャンペーンの結果を大きく左右することもあります。デザインについての知識やスキルがある人に依頼すれば、クオリティの高い訴求力のあるバナーを使用できます。

PARKLoTではTwitterキャンペーンを簡単に開催できるツールのご提供のほか、オリジナルバナーの作成も承っています。ぜひキャンペーンの開催と併せてご検討ください。