![見出し画像](https://assets.st-note.com/production/uploads/images/143991733/rectangle_large_type_2_8edb9d88a67aa4c8f850213fe224eb02.jpeg?width=800)
無料添削デザインスクール #308 「夏祭りバナー」
添削
![](https://assets.st-note.com/img/1718333616319-O0yK9B96Y8.jpg?width=800)
夏祭りのバナーですね。
青が際立ってますね。
■カラー
![](https://assets.st-note.com/img/1718333849885-drgZc8z9Uu.jpg?width=800)
背景の青が原色に近いのを使っているようなのですが、原色は目立つのですが、パワーがありすぎて目に悪いというか刺激物扱いされます。
つまり、色だけで見にくいという判断されます。
![](https://assets.st-note.com/img/1718333963187-yprNzR5FVm.jpg?width=800)
少しくすんだ色にすると馴染んだイメージになります。
↑サンプルは分かりやすいように極端にしていますが、モニターによっては区別がつかないかもしれないです。
![](https://assets.st-note.com/img/1718334020992-L9oNYy2WCi.jpg?width=800)
バナーの場合はモニターに表示されることがほぼ100%なので、モニターによっては分からないし、人によっては原色が強すぎるから最初からモニターをくすんだ設定にしてたりします。
バナーに限らず、デザインで原色を背景に大きく使うと嫌がられるのと、プロの現場だと先輩に「なんでこの色を選んだ?」と確実に聞かれます。
そのくらい狙いがないとあまり大きく使わないのが原色です。
差し色でワンポイントで使うくらいなら目立つのでいいです。
■フォント
![](https://assets.st-note.com/img/1718334207852-0kUPUnHSvW.jpg?width=800)
フォントに統一感がないように見えます。
メインの「夏祭り」はゴシックで、下の細かいのが明朝。
細かい文字を明朝にするとつぶれて読みにくくなるので、細かい文字はゴシックの方がいいです。
バナーの場合はコーディングなどの規定がないので、フォントをもっと自由に楽しいフォントを使ってあげると雰囲気が出ます。
![](https://assets.st-note.com/img/1718334486316-kjuZN6Qg1l.jpg?width=800)
細かいところですが、数字も普通の日本語フォントのを使うと地味にダサい感じに見えます。
これは私のただのこだわりかもしれませんが、数字は英字にします。
長文の中の数字はそのままでもいいのですが、タイトルなどに入るちょっとした数字は英字に変換することがあります。
時と場合、フォントによってはそのままのフォントがいい時もあります。
■サイズ
![](https://assets.st-note.com/img/1718334713750-EYQY2uiXbr.jpg?width=800)
文字要素が小さくまとまりすぎていて余白が多すぎるので調整が必要です。
バナーに余白はあまり必要ないです。
ギューギューに詰めると見にくくなるので、見やすくなるように余白を入れる程度で、余白を大きく入れて目立たせるのは、ただ文字が小さくなるだけなのであまりやらないです。
やるとしたら超大手とかハイブランドだけです。
![](https://assets.st-note.com/img/1718334836586-Q0uABssQfn.jpg?width=800)
大体このくらいでもいいかと思います。
世の中に出ているバナー見ると、文字要素がこのくらいだと大きく見せることが多いです。
デザインを作る時にプロでも世の中にあるデザインを見ます。
悪く言うと「パクる」なのですが、感覚としては、頭に作るべきデザイン、クライアントが希望している、納品できるクオリティのデザインを想定して、類似デザインを頭の中に叩き込みます。
そして、そこから出していきます。
途中で方向性が間違っていないか確認するために上記の作業を繰り返します。
基本は誰でもこれをやっていて、これやると確実にクオリティは上がるし、技術も覚えます。
デザイン添削のご依頼はTwitterから!
Twitterで投稿された作品を添削しています。
添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」を付けて投稿してください。
作って終わりが一番成長しない。
— イライジャ|デザイン添削おじさん 現役WEBデザイナー (@Elijah_School) June 2, 2022
添削して修正するのが実務に近い環境で、成長も早い。
どんどん作って、どんどん添削。#デザイン添削希望
これを付けて投稿すれば依頼完了
「note」での添削になります。
▼過去のバックナンバーはこちらhttps://t.co/rZENBjRSaK pic.twitter.com/KDUVWMmKVN
この記事が気に入ったらサポートをしてみませんか?