見出し画像

バナー課題のふり返り

今回、女性専用フィットネスクラブのバナー作成・リサイズの課題が出ました。先生からこまめなレビューをいただき、その都度よくなっていく過程を肌で感じるのは、スクールで学んでいるからこそできる貴重な体験でした。レビューの一言ひとことが本当に勉強になったので、学ばせていただいたことを、少しまとめてみようと思います。

設定要件を見て、まず思ったのは、とにかくサイバーでカッコいい雰囲気にしたい!ということ。かっこよく仕上げるため、ビジュアルに使う女性画像の選定にはかなり神経を使いました。いくつかの素材サイトを巡り巡った末、採用させていただいたのは、意志の強そうなマスキュリンな女性。筋肉隆々です。この筋肉を、うまくアピールさせたいなと思いました。そして、フィットネスサイトのリサーチをして、流行っているデザインやあしらいの仕方などを頭に叩き込んで、さぁ作るぞ!

素材がそろったらワイヤー作成。講座で学んだように、文言に優先順位をつけて、ワイヤーに書き書き。本当は、斜め正方形で画像をくりぬいたレイヤーをかぶせるデザインにしたかったのですが、技術がおぼつかず、断念。いつか実現させたいです。

第一稿はこんな感じ

画像1

で、何度かのレビューを受けて(長くなるので端折りますが)、最終的に出来上がったのが以下の作品。


画像2


ご指導のおかげですっきりとして可視性の高いバナーとなりました。
以下、先生からご指摘を受けた点や反省点をまとめたいと思います。

先生からのレビューまとめ
・「女性専用フィットネス」と「入会金無料」の文字列配置を入れ替え。
・「女性専用フィットネス」は女性らしさをアピールするために平成明朝体を使っていたが、かっこいいイメージにはゴシック体で!(なるほど、なるほど!)
・縦長バナーに関しては、女性画像を真ん中に配置(これもなるほど、私が狙っていた筋肉のアピールに繋がるな!)
・「今だけ」という表現は、ともすれば安っぽくなりがちなので表現を変更→「期間限定」にしました。
・アクセントカラーに選んでいたグリーンが淡すぎるので、トーンを変更→最終的に補色のイエローに変更(たしかにパキっとして読みやすい)
・¥マークは少し小さめに
・段組み文字の余白、配列のずれに注意(これが今回最大の反省点です。プロの目はごまかせぬ!!!)


レビューを受けての感想
今回一番学んだことは、ずばり「1ピクセルにとことんこだわれ!!」ということ。デザイン業界の方にとってはあまりに当たり前のことだと思うのですが、1ピクセルずれるだけで不格好になるし、印象も変わってくるんだなと痛感しました。早くお直しを提出したいあまり、初稿はもちろん第2稿あたりでは拡大ツールもいい加減な使い方になったりして。。。でも、先生の目はすぐにそれを見抜きますね。穴があったら入りたいです。次回からはできたと思っても、ピクセル単位まできちんと拡大、確認して、精度を上げていきたいと思います。

あとは「余白」。これが今回いちばん難しかったです。特に狭いスペースの中に多くを盛り込みたい細長バナーの場合、どうしても文字同士が詰め詰めになってしまって、作業をしては俯瞰で見る、の繰り返しでした。これを何度やっても、どれぐらいの余白バランスが適当なのかがつかめず。経験を積むしかないのでしょうね。

それと「配色」。パープルとグリーンの組み合わせが個人的に好きなので、第一稿でも取り入れてみたのですが、背景がブルーベースのため、グリーンだと沈んで見えることを実感。思い切って補色のイエローに黒文字に転換したことで、メッセージが伝わりやすくなりました。

まだまだ数多くのことを学んだのですが、今回はこのへんで。
反省点を次につなげていければと思います。