バナー制作テクニック

通販サイトのバナーを作ろう(前半)

  • バナー

このレッスンでは、Photoshopを使ってお題に沿ったバナーを制作していきます。前半ではバナーを制作する前の下準備を行っていきます。

公開日:2019/08/03最終更新日:2021/01/28

1.お題と写真を確認しよう

お題はこちらです。

「無農薬野菜の配達サービスでお試しキャンペーンを実施するので、そのキャンペーンに登録してくれるようなバナーを作ってください」

写真は以下のものを使用します。

ダウンロードはこちら
※写真AC様の会員登録が必要となります

2.ターゲットを意識しよう

まずはどんな人に向けて伝えるかを考えましょう。
以下のような人がキャンペーン登録してくれるようなバナーを目指します。

バナー作成の依頼主がいる場合、ターゲットの指定がある時とない時があるかと思います。指定がない時でも誰に伝えたいのか明確にすることで、後の言葉選びやレイアウトに影響してきますので、しっかりターゲットを定めましょう。

3.連想する言葉を並べてみよう

お題のサービスやターゲットから必要な言葉やイメージした言葉を書き出してみましょう。
以下のように言葉を連想します。

沢山言葉を出してもいいですが、全てをバナーに入れることは難しいので、言葉を抽出する必要があります。
どの言葉がターゲットに響くか、考え選び取りましょう。

4.文字をつなげてみよう

「3.連想する言葉を並べてみよう」で出したキーワードをつなげてキャッチコピーや伝えたい文章を考えてみましょう。
以下のように文章を組み立ててみました。

キャッチコピー・バナーの内容・行動を促す内容というふうに全体を3つの構成で区切りました。

次は本格的にバナーのデザイン作業に入ります。

理解度チェック





バナー制作テクニック



このレッスンの著者