前回の「オリジナルバナーを作ろう」に引き続き、今回はバナーの作成手順を紹介していきます。作成時のポイントや注意点を簡単にまとめてみましたので、参考にしてみてください。

バナーの目的を考え、情報の整理をする

作成するバナーの目的、バナーを見た訪問者にどう行動してほしいかを考えます。

チラシと違いスペースが小さいので、情報は最小限に絞り込みましょう。キャッチコピーは短く伝わりやすいものが効果的です。

STEP
1
色・素材を決める

色は3色程度にまとめるとすっきりした印象になります。バナーが背景と馴染んでしまったり、サイトの雰囲気を崩さないよう考慮して配色していきましょう。

イラストや写真を使用する場合、この段階で選んでおきます。イラストや写真が入ることにより、文字だけのバナーより目を引きやすくなると言われています。

STEP
2
ラフを作成

まずは紙に手描きで簡単なイメージを作成してみましょう。文字や素材のだいたいの位置を決め、全体のバランスを取っていきます。フォントの大きさや、色の配置などもこの段階で考えておくと、スムーズに作成が進みます。

スマホで見た時のことも考え、あまり小さな文字は避けるのが無難です。

STEP
3
バナーを作成

バナーを作成する際、illustratorやPhotoshop等の本格的な編集ソフトを利用すると細部までこだわることができます。しかし、ソフトが高額なことや操作に知識や技術が必要となってきます。

最近では簡単にバナー作成ができる無料のアプリ(Canvaなど)もあります。配色やレイアウトが最初からある程度決まっているので便利ですよ。

Canva https://www.canva.com/
STEP
4
見やすさ、読みやすさのチェック

いよいよバナーが完成です。

文字の大きさはパソコンとスマホの両方からチェックしてみてください。誤字脱字のチェックも忘れずに。

STEP
5
トリガー

訪問者が迷子にならないよう、また目的のゴールまでしっかり誘導できるバナーを作成すると、ホームページの役割もグッとアップしそうですね。トリガーコーポレーションでもバナー作成を行っておりますので、オリジナルバナーの作成でお困りの際はお気軽にご相談ください!