こんにちは、Yuriです。
先日で、ヒカルさんから教えていただくバナー作成のレッスンが、第21回目を迎えました✨
今回の授業もすでに、Webデザイン1on1レッスンチャンネルのバナーデザイン21にて公開されています✨
今回のバナーのお題の内容はこちらになります。
今回のバナーの目的 オフィスチェアの販促バナー
ターゲット 男性20〜40代
雰囲気 シンプル・高級
サイズ 300px x 250px
画像 オフィスチェアの画像
配色 白・黒
文言
（必須）
・椅子は想像力を支える
・不要チェア引取無料
・全国送料無料
・OFFICE STYLE （店舗名）
・詳しくはこちら
（任意）なし
左の画像（スマホ画面では上）が、私が初めに作ったもので、右の画像（スマホ画面では下）がヒカルさんが作成してくださったものになります。
- 高級感を出すため、明朝体を使用し（店舗名には、欧文フォントのセリフ体を使用）、フォントウェイト は細くした。
- リズムを出そうと思い、レイアウトを斜めで区切ってみたが、雰囲気を壊さないよう薄いグレーにした。
- 反省点は、要素を工夫なく並べるだけになり、メリハリが出せなかった点。
ヒカルさんが、この回のレッスンを紹介するツイートで、とてもわかりやすく説明してくださっています。
今回、私はオフィスチェアの画像をトリミングすることを思いつけませんでした。
ヒカルさんは、次のように説明してくださりました。
- 今回の画像は販売する商品そのものでは無いので、トリミングは可能
- 椅子の脚がゴチャつくのでカットすると、コピーへ目がとまり易くなる
今回の指示書をよく読んでいたら、「今回の画像は販売する商品そのものでは無いかも？」と気付き、ヒカルさんにトリミングしてよいかどうか、尋ねることもできたと思います。
そして、今回、ヒカルさんは私が作成したバナーの要素を取り入れつつブラッシュアップしてくださいました。
指示書の配色の「白黒」を守り、キャッチコピーを改行することで、フォントサイズを大きくしたり、帯を敷いて文言を置くことなどで、メリハリをつけてくださりました。
レッスンの最後のまとめの時、もしヒカルさんがバナー作成者だったら、
「もう少し、色（アクセントカラー）を入れた方がいいかもしれません」とお客様に提案するかもしれないとお話してくれました。
方法としては、例えば、ベースの濃い色を紺色にする、もしくは、引き取り無料の帯や全国送料無料のリボンを黄色にするなどです。
シンプルなデザインは、レイアウトの取り方や、フォントウェイト （今回私は、游明朝体をミディアムで使用しましたが、ヒカルさんは、デミボールドで使用。視認性がよく、印象的に✨）、文字間の調整など、少しの調整が大切になることも教えていただきました。
そして今回のレッスンを受けさせて頂いて、画像のトリミングを思い付けなかったこと、アクセントカラーを入れる提案ができなかったことから、私はもっと思考を、深く、柔らかくしていかなければと感じました。
