![見出し画像](https://assets.st-note.com/production/uploads/images/95469622/rectangle_large_type_2_929ce74c18c9bd3bc6d03264a8c7c6e1.jpeg?width=1200)
無料添削デザインスクール #172「チョコレート通販セールバナー」
添削
![](https://assets.st-note.com/img/1673504903885-cxnQuTmRWr.jpg?width=1200)
毎度おなじみになってきた「こばやす」さんのチョコレート課題ですね。
ちょっとギラギラしすぎてしまってますね。
■ギラギラ
![](https://assets.st-note.com/img/1673505219897-KRCnZZqM8Z.jpg?width=1200)
ギラギラしているので、ギラギラのテクスチャを弱くして、ちょっとキラキラ光っているくらいがいいです。
テクスチャは少しだけ入れるのがちょうどいいので、あまりガッツリ入れない方がいいです。
![](https://assets.st-note.com/img/1673505723907-qUCLjJysJJ.jpg?width=1200)
ほんのちょっとだけテクスチャ入れた方がオシャレです。
文字も読みやすいし。
そして配色ですが、下にある箱に入ったチョコの画像が暗い系なので、丸も暗い系の色だと埋もれます。
少し違った色にしてあげると目立つようになります。
![](https://assets.st-note.com/img/1673505830847-g9FX0dssqA.jpg?width=1200)
![](https://assets.st-note.com/img/1673505835786-R4nOAmBaBq.jpg?width=1200)
箱が暗いので明るい系のを入れると目立ちます。
■テクスチャに頼らない
![](https://assets.st-note.com/img/1673505898887-RXv2hyN7du.jpg?width=1200)
エンボスやシャドウはデザインをしている風に見えるので便利なのですが、あまり使わないです。
読みやすくしたりするときにシャドウを少し追加したりするくらいで、がっつり頼り切ることはないです。
![](https://assets.st-note.com/img/1673506031839-L5G80VAmNN.jpg?width=1200)
ちなみに上で作った文字にうっすらとシャドウを入れてあります。
画面上では1pxくらいにしかならないシャドウですが、輪郭が少しすっきりして見やすくなります。
この程度でしか使わないです。
シャドウがシャドウだと分かってしまうのは主張が強すぎるので、弱めにして文字の構成などで読みやすくしてあげるといいです。
■配色のバランス
![](https://assets.st-note.com/img/1673506511912-JwunNJkLSp.jpg?width=1200)
右の方に重い色が集中して、左側は明るい色が集まっています。
左側は背景色度同系なので読みにくくなっています。
全体のバランスを見て色を振り分けてあげてください。
![](https://assets.st-note.com/img/1673506590732-E2kOKvrGYU.jpg?width=1200)
右の方が重いので丸を明るい色に変えてあげたり、左側の文字を黒系にして読みやすくしたり。
色を変えるだけでも読みやすさと印象は大きく変わります。
お題
こちらのバナー課題は、こばやすさん(@kobayas_s)のバナーお題です。
良質なお題がたくさんあるので、お試しください。
自分で課題を考えると大変なので、実務に近いプロが考えたお題を作ると成長も早いです。
WEBデザイナーになりたい方は、トレースよりもお題をお勧めします。
デザイン添削のご依頼はTwitterから!
Twitterで投稿された作品を添削しています。
添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」を付けて投稿してください。
作って終わりが一番成長しない。
— イライジャ|WEBデザイナー デザイン添削おじさん (@Elijah_School) June 2, 2022
添削して修正するのが実務に近い環境で、成長も早い。
どんどん作って、どんどん添削。#デザイン添削希望
これを付けて投稿すれば依頼完了
「note」での添削になります。
▼過去のバックナンバーはこちらhttps://t.co/rZENBjRSaK pic.twitter.com/KDUVWMmKVN