こんにちは！
今日も楽しくデザイン制作を学んでいきましょう♪
今回はデザイン初心者の方が陥りやすいポイントを、実際の駆け出しデザイナーさんの制作物を元に解説します♪（掲載のOK頂いたMさんご協力ありがとうございます！）
今回の架空バナーお題は 「ホットヨガ体験レッスン」 のプロモーションバナーです
それではBefore/Afterの比較を通してどのようにデザインを改善すれば、より伝わりやすくなるのかを詳しく見ていきましょう！
架空バナー「ホットヨガキャンペーン」添削
バナーのBefore→After 例
こちらのお題は、ナチュラルで落ち着いた雰囲気のデザインなので、女性デザイナーさんにとっては比較的作りやすいかもしれませんね♪
ただ、シンプルなデザインだからこそ、情報の見せ方や強調ポイントに工夫が必要になります☝
バナーを作る際は、 見た目のデザインだけでなく、目的やターゲットを意識することが重要 です。
それでは以下のポイントを押さえておきましょうね！
制作を始める前に考えること
・目的を明確にする
「体験レッスンの予約を増やす」「キャンペーンの魅力を伝える」など、ゴールを決める
・ターゲットを意識する
20〜40代の女性が関心を持ちやすい、ナチュラルで落ち着いたデザインに
・情報の優先順位を決める
「今だけ10%OFF！」など、一番伝えたいメッセージを目立たせる
・視線誘導を意識する
視線がスムーズに流れるように タイトル→詳細情報→CTAボタン の順で配置
・クリック率を上げるCTAデザイン
「申し込みはこちら」などのボタンを 目立つ色＋立体感を出して強調
これらのポイントを意識すると、バナーの訴求力がグッと上がります！
では、実際のバナーを見ながら、どこが良かったのか、どこを改善するとさらに良くなるのか を見ていきましょう♪
Before：改善前のバナーの良い点（褒めポイント♪）
褒めポイント①
落ち着いたトーンで統一されていて、ターゲット層に合った雰囲気がGood！
褒めポイント②
視線を引く女性のポーズが魅力的♪
褒めポイント③
キャンペーンの情報がわかりやすい（位置やあしらい）
！
それではもっともっとバナーを良くしていくために「デザインの問題点」を洗い出していきましょう！
Before：改善前のバナーの問題点
次にプロの添削例を使って改善後のバナーのポイントを図解していきます♪
After：改善後のバナーのポイント
具体的な改善ポイントの解説
1.強調すべきポイントのフォントサイズアップ
・問題点：「今だけ」「10%OFF」が目立ちにくい
・改善策：フォントサイズを1.5倍くらいに拡大／背景とのコントラストを高め、目に入りやすくする
2.タイトルの色の調整
・問題点：「ホットヨガ体験レッスン」が背景となじみすぎている
・改善策：もっと濃いオレンジに変更し、差別化を図る／シャドウやアウトラインを加えて、背景としっかり分けるといいですね
3.余白を意識したレイアウト改善
・問題点：黄枠のテキスト部分が詰まりすぎて、読みにくい
・改善策：余白を適切に取り、情報に余裕を持たせる/行間を調整し、読みやすくするひと工夫があると尚Good‼
今回の添削ポイントまとめ
①重要なキーワードを目立たせる
②タイトルの色を調整し、視認性を高める
③余白を意識して、圧迫感を軽減し、読みやすくする
バナーは 「視線を引きつけ、すぐに情報を伝えること」 が重要♪
今回の記事を参考に、ぜひあなたのデザイン改善に活かしてみてくださいね！
コメント