こんにちは、Yuriです。
先日で、ヒカルさんから教えていただくバナー作成のレッスンが、第20回目を迎えました✨
今回の授業もすでに、Webデザイン1on1レッスンチャンネルのバナーデザイン20にて公開されています✨
今回のバナーのお題の内容はこちらになります。
今回のバナーの目的 折りたたみ傘の販促バナー
ターゲット 男性20〜30代
雰囲気 シンプル
サイズ 300px x 250px
画像 折りたたみ傘の画像
配色 白・黒
文言
（必須）
・90g
・超軽量＆コンパクト
・Umbrella Air （商品名）
・購入はこちら
（任意）なし
左の画像（スマホ画面では上）が、私が初めに作ったもので、右の画像（スマホ画面では下）がヒカルさんが作成してくださったものになります。
- 軽さが一番のおすすめのポイントだと考え、90gのフォントサイズを大きくした。
- 軽さを表現するため、90gのフォントウェイトは Lightを選んだ。
- リズムが単調にならないよう、レイアウトの上下で背景色を変えた。
ヒカルさんが、この回のレッスンを紹介するツイートで、とてもわかりやすく説明してくださっています。
今回、一番学んだことは、伝えたいことを正しく理解することです。
私は、開いた傘に文言を置くことを思いついて、そちらをメインとしました。
しかし、「超軽量＆コンパクト」という文言は、折りたたみ傘の「カバンに入れてても、軽くてじゃまにならない。」という、アピールポイントになります。
なので、メインとして見せたいのは、折りたたまれた状態の方です。
その上、私の作成したバナーでは、「開いた傘がコンパクトなのかな？」とバナーを見た人に思わせてしまうかもしれません。
折り畳まれた傘をメインに使うのが一番ですが、もし傘に文言を載せるとしたら、「超軽量＆折りたたむとコンパクト」と、付け加えなければならないかもしれません。
- 90gのフォント：私が選んだ、Helvetica Neueは、「90」と「g」が似ている。ヒカルさんが選んだはAvenirだと、差があって視認性がよい。
- 雨のあしらいの使い方：男性がターゲットなのでパターンとして使用せず、機能説明的に使うと好まれる。
私は、バナーを作成するとき、Pinterestなどで、参考になる物を集めてから作り始めます。
参考になる物を見つけられない時は、そこから次に進むのに時間をかけすぎてしまうし、色んなパターンを試す力がありません。
今回、ヒカルさんが色々なパターンを試しつつ、試行錯誤しながら作る過程を見ることができ、真似ができるようになりたいと思いました。
どう配置をしたら、軽そうに見えるか？、折りたたみ傘は全体が見えていた方がよい、というように、一つ一つのポイントを見つけて押さえつつ、柔軟に考えてまた試す。
ヒカルさんの見せてくれた作成の仕方や、沢山のパターンを参考にして、次の課題に挑戦します✨
作成するバナーで伝えたいことを、正しく理解するということも意識していきます！
