見出し画像

無料添削デザインスクール #292「ひまわりイベントバナー」

イライジャ｜WEBデザイナー　デザイン添削おじさん

添削

ひまわりフェスティバルのバナーですね。
作り分けがうまいですね。

■バランス

イラストが入っているのですが、全体的にどこに重点が置かれているかが分からないので、パラパラとした印象を受けます。
イラストも小さいので原寸のバナーで見た時にそこまで目立たないです。

どれかひとつだけ大きく入れるなど、大小の強弱をつけてあげるとインパクトも大きくなり、分かりやすくなります。
ひとつのバナーの中で伝えられるのは、ひとつくらいなので、あまり情報を詰め込んでも伝わらなくなります。
「コレ」と決めた1テーマで作り上げると分かりやすいバナーになります。

■文字バランス

左上のは確実に読めないし読まれないですね。
「※この画像はイメージです」みたいな注意文だったらこのサイズでもいいですが、キャッチみたいな文字をこのサイズで入れるのはやめた方がいいです。

タイトルも黒文字が目立っていて、「東京　フェスティバル」に見えてしまいます。
デザインするときに避けたい「誤認」に似ています。

人間の目は不思議なもので、ひとつだけ違和感があるとそれを見てしまいます。
これは獲物を探す本能らしいです。

さらに密集しているものがあるとそれも見てしまいます。

これだとすごい目立ちます。

若干密集しているフェスティバルの方が目立ってしまいます。

さらに色味が薄いとフェスティバルの方が目立ってしまいます。
デザインは華やかに彩るというよりかは、視覚誘導など、メンタリスト的な要素が強いです。

■テーマを絞る

たまに使われる手法で、あえてメインに文字を思いっきりかぶらせる方法ですね。
そのワンテーマで思いっきりやりきると、もっとインパクトが大きくなります。

ちょっと年齢層高めのシックでモダンなデザイン寄りになっているので、そっちにしたいのであればもっとシックな雰囲気にするといいです。

ただ、部分的に見ると日付のフォントは丸かったり、上の文字の下にマジックでポップに線を引いていたりと、色々詰め込まれています。
ワンテーマに絞って作るとぶれないです。

それか、思ったよりもシックになってしまった…というときは「これはこれで1案として残して」かわいいのは別で作る。
という風に切り替えるといいです。

■主役

このバナーは主役の写真のインパクトが絶大なのでそれを活かしてあげるといいですね。
写真のインパクトが大きい時は、周りであまりごちゃごちゃしなくてもいいです。
日付がかぶってしまっているのが残念です。
丸いひまわりに丸い日付もぶつかっているので日付は右下か左上のスペースに入れてあげるといいかもしれないです。

■帯

帯を多用していますが、確かに文字を見やすくするのに使いやすい要素です。
線というのはまたメンタリスト的な話ですが、遮断するとか看板的な意味合いが強いので目立ちます。
事件現場の規制線とか道路の白線とか目立ちますよね。

その分、強すぎるというのも問題です。
主役のひまわりより帯が目立ってしまっているので、透過の調整や、文字サイズの調整などで、帯よりもひまわりが目立ち、文字が目立つようにしてあげたいです。
帯じゃなくて斜めの白いグラデーションでもいいのかも。

■色味

ちょっと夕暮れの写真なのかな？
背景にマゼンタが強くて夕暮れっぽくなっているのでちょっと色調補正してあげると昼間っぽくなります。

色調補正はデザイナーにとって必須技術なので絶対に調整しましょう。
特にバナーなどの単価が低い案件の場合は素材提供されないことも多く、支給されても素人がスマホで撮った写真とかが多いです。
それを加工して見栄えをよくすることも重要です。
加工しすぎて嘘になってしまうのはダメですが…

過去に某CM撮影で2月に咲いていない桜の木の下で有名女優さんを使って撮影をして、背景全部CGで桜を咲かしていました。
言われても気づかないくらい自然なCGでした。
まぁ、いつか咲くから嘘ではないかな…
梅の木を桜にしたら問題ですが。

修正

修正して頂いたので、こちらも添削させて頂きます。

■文字シャドウ

シャドウで文字を目立たせようと考える初心者の方が多いですが、シャドウはどこまで行ってもただの影です。
そこまで目立たせる能力はないです。

今回の場合だと文字がぼやけてしまっているので逆効果になっています。

シャドウは使いどころが難しく、ほんのちょっとアクセントで入れる程度で使うとちょうどいいです。
主役にはならないのがシャドウです。

■迫力

迫力が増しましたね。
文字も大きく入っていて、ひまわりをあえて隠す手法なので、背景の青いところもそんなにいらないので、ひまわりドアップで文字もドアップで入れてあげるともっと迫力が出るかと思います。

ひまわりに迫力が必要なのか…と思いますが、練習なので大迫力を出す練習としてやってみてもいいかと思います。

先にも書きましたが、このシャドウも逆効果で見にくくなっています。
シャドウを入れるなら、背景のブルーを10～30％乗算で入れるだけでも文字は見やすくなります。

■ぼかし

こちらも壮大な雰囲気になりましたね。
「ひまわり The Movie」
映画のポスターみたいですね。

タイトルの背景に引いている白ぼかしが目立ちすぎているので、ここだけどうにか調整したいです。

「ひまわりフェスティバル」
ここの文字間もスカスカなので調整してあげると文字をもっと大きく出せるはずです。

「ひまわり」

「フェスティバル」

この二つの文字を同列に扱う人が多いですが、「フェスティバル」はそこまで重要じゃないようにも思えるので、改行したり、小さく入れてもいいんじゃないかな？

デザイン添削のご依頼はTwitterから！

Twitterで投稿された作品を添削しています。
添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」を付けて投稿してください。


この記事が気に入ったらサポートをしてみませんか？