![見出し画像](https://assets.st-note.com/production/uploads/images/100248342/rectangle_large_type_2_36af99528d920d47265a71a236de7fba.jpeg?width=800)
無料添削デザインスクール #198「フィットネスクラブのバナー」
添削
![](https://assets.st-note.com/img/1678773744565-23invXuLdQ.jpg?width=800)
フィットネスクラブのバナーですね。
ビタミンカラーが鮮やかですね。
■可読性
![](https://assets.st-note.com/img/1678774746573-0zQRfyeWPw.jpg?width=800)
読みやすさ「可読性」が全体として低くなっています。
パッと見た感じ何かのフィットネスジム系だというのは分かるのですが、何を言いたいのかが文字情報が入って来ないです。
まずは文字を読みやすくすることを考えてみて下さい。
![](https://assets.st-note.com/img/1678774868164-BUgHxaIdh8.jpg?width=800)
背景の女性とかぶっていて、文字の帯が半透明なので、読ませたいのか読ませたくないのかが分からないです。
文字の内容からして強めの内容なので、ちょっと男らしいデザインに感じますが、強い印象にしたいのであれば、ズバッと濃い目の帯で入れてしまってもいいのかと思います。
![](https://assets.st-note.com/img/1678775144086-wSgoo28mVe.jpg?width=800)
黒だと女性のウェアとかぶりますね。
![](https://assets.st-note.com/img/1678775159147-1vA9mdWQoR.jpg?width=800)
白だと文字も見やすいですね。
![](https://assets.st-note.com/img/1678775276136-sezEw24FYs.jpg?width=800)
文字が女性にかぶりすぎているのと、斜めにしすぎなので、傾斜をゆるくしてかぶるのを減らしました。
ちょっと斜めにするだけでも十分動きは出るので、バランスを見て調整しましょう。
![](https://assets.st-note.com/img/1678775368349-413oxPrhKc.jpg?width=800)
ここの文字は明るい背景色の上に白文字なので読みにくくなっています。
色の調整をする必要がありそうです。
文字を太くするだけでも見やすくなるかもしれないです。
テーマカラーが緑とピンクの二種類入っていますが。
読みやすい方に統一してしまってもいいかと思います。
二色使うのであれば、文字の太さやちょっとだけシャドウを入れて調整などするといいです。
![](https://assets.st-note.com/img/1678775564251-ABbPAkCsRS.jpg?width=800)
下の文字がゴチャゴチャしているので、斜めにしながらも一方方向に進んでいるように見せるとまとまりが出ます。
![](https://assets.st-note.com/img/1678775998622-E5e1RE45Tt.jpg?width=800)
テキストのかたまりを作ってまとめました。
なんかのキャンペーンでなんかが0円になるので始めるなら今なんだ、ということは、ザックリ分かってもらえると思います。
![](https://assets.st-note.com/img/1678776151654-peqvUUMAD9.jpg?width=800)
動きを出そうとガチャガチャやると、見にくくなるだけなので、動きを出す場合は一方方向に強烈なスピードを出す。
今回の場合は全部を右上に向かっているように斜めにする。
動きにも統一感を出すと動きを出しつつ読みやすさも出せます。
ほんの少しの傾きでも無意識に人は違和感を感じます。
少しだけずらしたり傾けるだけでもそれなりの効果が出るので、そこまで大きく動かさなくても動きが出ることはあります。
お題
こちらのバナー課題は、こばやすさん(@kobayas_s)のバナーお題です。
良質なお題がたくさんあるので、お試しください。
自分で課題を考えると大変なので、実務に近いプロが考えたお題を作ると成長も早いです。
WEBデザイナーになりたい方は、トレースよりもお題をお勧めします。
デザイン添削のご依頼はTwitterから!
Twitterで投稿された作品を添削しています。
添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」を付けて投稿してください。
作って終わりが一番成長しない。
— イライジャ|WEBデザイナー デザイン添削おじさん (@Elijah_School) June 2, 2022
添削して修正するのが実務に近い環境で、成長も早い。
どんどん作って、どんどん添削。#デザイン添削希望
これを付けて投稿すれば依頼完了
「note」での添削になります。
▼過去のバックナンバーはこちらhttps://t.co/rZENBjRSaK pic.twitter.com/KDUVWMmKVN
この記事が気に入ったらサポートをしてみませんか?