![見出し画像](https://assets.st-note.com/production/uploads/images/81046630/rectangle_large_type_2_9a39bfaedad61184f0cd56b571f5e2cf.jpeg?width=800)
無料添削デザインスクール #104「チョコレート通販セールバナー」
添削
![](https://assets.st-note.com/img/1655690954410-kI8PRNBHF9.jpg?width=800)
毎度おなじみになってきた「こばやす」さんのチョコレート課題ですね。
懐かしさを感じるデザインですね。
■全体的に古さを感じる
![](https://assets.st-note.com/img/1655691089456-BAkZI80QE2.jpg?width=800)
観光地のお土産屋さんにあるポップのような印象がします。
背景のキラキラがそう感じさせているのか…
金文字が昔のリッチデザインになっているからなのか…
色んな要因が重なって古い印象になっています。
現代のモダンなデザインを参考にしてみてください。
■写真の置き方
![](https://assets.st-note.com/img/1655691265027-lqaWb2DYZP.jpg?width=800)
写真が中途半端なところに置いてあるので、不自然です。
バナーの場合は、写真は全体に使うか、切り抜くかのどちらかです。
たくさん写真を載せたい時はパネルにすることもありますが、基本は1枚の写真を使うことが多いです。
使いにくい写真などもありますが、提供される写真は望んだものとは違うことが多いので、写真に合わせてデザインをする練習にもなります。
色んな写真でデザインしてみてください。
■写真素材
写真素材には種類があります。
![](https://assets.st-note.com/img/1655691682946-8TCDVbTiXS.jpg?width=800)
▲特に被写体がない背景に使って、文字をどこに置いてもいい。
背景に置くだけなので、サイズとかも特に気にしなくて大丈夫。
使いやすい素材です。
その代わりインパクトは弱めになるので、文字やロゴ、シンボルで見た目を豪華にする必要があります。
![](https://assets.st-note.com/img/1655691725350-FraPZ34xyv.jpg?width=800)
▲被写体があり、そこに文字をかぶらせないようにする。
文字がかぶらないように写真をずらすと、サイズが合わなかったり、左右反転したりと使うのが難しいです。
被写体自体にインパクトがある場合は、文字を置くだけでもまとまりのあるデザインになります。
■文字の置き方
![](https://assets.st-note.com/img/1655692186466-L372zzmUMA.jpg?width=800)
余白が入っているけど、ギューギューに見えますね。
「チョコ」という文字が大きいのでチョコだというのは分かるのですが、その他の文字が入ってこないです。
強弱をつけて置いてあげるだけで読みやすくなります。
![](https://assets.st-note.com/img/1655692709500-Jh9awIDAOL.jpg?width=800)
最初は何も考えずに文字を置いてみるだけでもいいです。
これだけだと寂しいので色々追加してあげます。
先にも書いたのですが、背景全体に写真を置くタイプは、インパクトに欠けるので、シンボルチックにしたりするといいです。
![](https://assets.st-note.com/img/1655693326492-Nu56WDgWsz.jpg?width=800)
あまりシンボルチックにできていませんが、飾り用の英字とか追加してそれらしく見せます。
シンプルな分かりやすいバナーですが、もっと派手派手に改造していくのも手です。
写真素材を変えるとまた違ったデザインになると思います。
お題
こちらのバナー課題は、こばやすさん(@kobayas_s)のバナーお題です。
良質なお題がたくさんあるので、お試しください。
自分で課題を考えると大変なので、実務に近いプロが考えたお題を作ると成長も早いです。
WEBデザイナーになりたい方は、トレースよりもお題をお勧めします。
デザイン添削のご依頼はTwitterから!
Twitterで投稿された作品を添削しています。
添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」または動画で添削をする「#動画でデザイン添削希望」を付けて投稿してください。
作って終わりが一番成長しない。
— イライジャ|WEBデザイナー デザイン添削おじさん (@Elijah_School) June 2, 2022
添削して修正するのが実務に近い環境で、成長も早い。
どんどん作って、どんどん添削。#デザイン添削希望
これを付けて投稿すれば依頼完了
「note」での添削になります。
▼過去のバックナンバーはこちらhttps://t.co/rZENBjRSaK pic.twitter.com/KDUVWMmKVN
この記事が気に入ったらサポートをしてみませんか?