たった30分！？イケてるバナーを作るための8ステップ大公開

実際に8つのステップを辿ったバナー制作

ferretのホームページのバナーを実際に今回取り上げたステップで作成してみました。
　　

STEP1:サイズの確認とやること・やらないことの整理[作業時間：約2分]

バナーのサイズを確認して、やること、やらないこと。盛り込むこと、何を伝えるかを書き出しました。
　　

STEP2:必要素材の書き出し[作業時間：約2分]

バナーを作成する際に必要なものを書き出しました。
　　

STEP3:キャッチコピー作成[作業時間：約8分]

キャッチコピーの元になるような単語や語句を書き出しました。それを元にキャッチコピーやサブキャッチコピーとして使用できるような短文を作成しました。
　　

STEP4:要素の書き出しと優先順位付け[作業時間：約1分]

見せ方を決定するために、要素ごとの順位付けを行いました。
　　

STEP5:バナーのラフを作成[作業時間：約2分]

バナーを作成していく上で必要な情報をまとめて、ラフ画を作成します。そこにどのような入れ方をしていくのか、メモ書きもしていきます。
　　
ここまでで約15分です。
　　

STEP6:ラフ画を元に単色で配置する[作業時間：約3分]

ひとまず先に単色で配置してしまい、レイアウトのみを完成させます。カーニング（文字間の調節）を行い体裁も同時に整えます。
　　

STEP7:全体のデザイン・配色を確定させ、調整を行う[作業時間：約10分]

最初に青系統の色をメインカラーとして活用するとありましたが、今回は写真を活用するため、文字色を白で対応しました。それに加え、強調したい文字だけをブルーにしてみました。
　　

それであとは全体のバランスなども調整し、一通りを完成させます。
　　

STEP8:最終チェック[作業時間：約2分]

最終工程としてチェックを行います。ここで、文字のみの伝わりが薄い場合は色を変えたりします。薄い場合は配色を変え、最終チェックを行いましょう。