デザイン初心者！？たぐ姉がバナー作ってみた【サマー編】

あなたもいきなり会社から『ちょっとバナー作ってみてくれない？』なんて言われる事があるかも！？そんな時は焦らずこのブログを読んでみてくださいね♪

英会話サマーキャンプのバナーの作り方

材用（1枚分）

• ターゲットの詳細…なるべく細かいもの
• [要素]写真…１枚
• [要素]キャッチコピー…大１
• [要素]サブキャッチ…中１
• [要素]開催日…8/11(祝)-13(日)

作り方

①用意したターゲットに合わせてデザインの方向性を決めましょう。

誰に見てほしいか具体的なペルソナを作るのも良いです。
その人たちに刺さるデザインはどんなものかを考えてみましょう。
競合他社のデザインなども参考にしたり、訴求やターゲットに沿ってリサーチしていきます。

②使用する要素をすべて書き出します。

①で決めた方向性を踏まえ、表現したい要素をまずはすべて書き出して伝えたい順番を決めましょう。
キャッチコピー、写真、イラスト、サブキャッチなどです。
ぱっと見の印象で決まるバナーは、第一印象が大切。その大半を占める写真やイラストなどの素材選びはこだわりたいところです。
また、キャッチコピーは限られたスペースだからこそ、簡潔で伝わりやすいことを心がけましょう。

③大雑把にレイアウトしてみる

②を使って色やフォントは気にせずに、レイアウトを決めていきましょう。
ここで気にしたいのが、要素の優先順位とおりか、余白のとりかた、視線誘導などです。
一度モノクロで配置してみて見やすさを確認することもあります。

④ディティールの調整

最後に、カラー、フォント、エフェクト、下線、文字間、余白などを調整し、仕上げていきましょう。
デザインのルールがたくさんあるとは思いますが、今回は細かいさじ加減については割愛させて頂き、①でリサーチしたデザインを参考にしながら整えてみます。

完成

そうしてできたのがこちらのバナーです。

 

WordPressでお悩みの方へ！