こんにちは、Yuriです。
先日で、ヒカルさんから教えていただくバナー作成のレッスンが、第30回目を迎えました✨
今回の授業もすでに、Webデザイン1on1レッスンチャンネルのバナーデザイン30にて公開されています✨
今回のアイキャッチには、ダ鳥獣戯画の「1000年さん（鳥獣戯画界にすい星のように現れた1000年に一人の美少女アイドル）」を、使わせて頂きました。イラストにあじがあって、可愛いくて、楽しく使わせて頂いております✨
そして、今回のバナーのお題の内容はこちらになります！
今回のバナーの目的 洗顔ソープの販促バナー
ターゲット 女性 20～30代
雰囲気 ナチュラル
サイズ 300px x 250px
画像 女性の画像、石鹸の画像
配色 白・黒・緑など
文言
（必須）
- ホワイトオーガニック（商品名）
- 天然由来成分100％
- しっかり泡立ちうるおいを守る
- Natural Soap Shop（店舗名）
- 購入はこちら
（任意）なし
（フォント）明朝体がよいかも
左の画像（スマホ画面では上）が、私が初めに作ったもので、右の画像（スマホ画面では下）がヒカルさんがブラッシュアップしてくださったものになります。
-
女性の画像を切り抜いて、背景と別々に加工して、女性の画像を上に配置した。
背景の画像を露光を上げたりして白に近づけ、女性は、背景程ではないが、露光を上げ、洗顔ソープの画像を引き立つようにした。
-
レイアウトを、左右に割って、右手に商品名と画像、左手に、キャッチコピーやボタンなど他の要素を集めて、リズムを作った。
-
商品名に、工夫がなく視線誘導ができていない。
-
商品名から、キャッチコピーなど他の要素への視線誘導がスムーズでない。
-
洗顔ソープの色が白だが、背景も白なので、視認性がよくない。
ヒカルさんが、この回のレッスンを紹介するツイートをしてくださっています。
画像つきでとってもわかりやすいです✨
今回、メインとなる商品の洗顔ソープが白色で、目立ちにくいせいもあり、ヒカルさんがいつもより長めの時間をかけて、バナーを作ってくださりました。（私の通信状態が悪く、PSDファイルをアップできず、画像の切り抜きからヒカルさんにして頂いたせいもあります💦）
難しい課題に対して、ヒカルさんがどのような思考の流れで、バナーを組み立てていくのかや、細部の調整、ツールの使い方などを、出来上がるまでの過程を見せて頂くことができ、私にとって学ぶべきことが沢山あるレッスンとなりました。
最後のまとめで、「バナーを広告として機能させるには、しっかり目に留めてもらえることが大切である」と教えて頂き、その後今回の改善ポイントを説明してくださりました。
ヒカルさんのツイートも参考にしつつ、まとめさせて頂きます。
- 洗顔ソープが白色なので、後ろに何かおかないと視認性がよくないため、帯を敷いた。また、洗顔ソープの視認性を上げるため、ドロップ・シャドウをたした。
- 「ホワイト・オーガニック（商品名）」と、「しっかり泡立ちうるおいを守る（キャッチコピー）」と、大きな文字が２カ所あるときは、帯で区切ってレイアウトしなければ、目が泳いでしまう。なので、上下で色を反転させた状態で、配置した。
-
商品名は、改行を入れてサイズを大きくし、商品の近くに配置することにより、目に留まりやすくした。
-
キャッチコピーのサイズを大きく、ジャンプ率を高くして目立たせた。
- 洗顔ソープが白色なので、他の要素の色が目立ちすぎないように、それぞれ調節した。
- 女性の画像は、露光を上げすぎると、ナチュラル感が薄くなってしまうため（解像度が高い方がナチュラル感が出る）、リアリティがある感じで使用した。
今回も、ヒカルさんが集中して課題と向き合う姿勢を、まず見習いたい、見習わなければと思いました。また、今回は仕上がりが自由レイアウトのような配置になったため、一カ所を変更したら、他の部分も細かな調整が必要になってくると教えて頂きました。
難しい課題だった分、学ぶべきことも沢山あったので、しっかり吸収してこれからにいかしていきたいと思います！
