![見出し画像](https://assets.st-note.com/production/uploads/images/108789315/rectangle_large_type_2_615e8ff2f7e84ea4c50772e9c951da88.jpeg?width=800)
無料添削デザインスクール #229「セールバナー」
添削
![](https://assets.st-note.com/img/1687309375541-66xucqOb4m.jpg?width=800)
何かのセールバナーということですね。
見た目を作る練習でしょうか。
■目的がないと難しくなる
添削の前に、何のセールバナーなのか仮でもいいので決めないと難易度は上がります。
デザインは100人いたら100人が違うものを作り、違うものを好きだという分野なので、何となく作ろうとすると無限にデザインの幅が出てきます。
今回のバナーだと、海、プールっぽいので夏だろうというのは分かります。
そこから、水着のセールなのか夏休みの旅行セールなのかが分かりません。
商品を決めて、ターゲットを決めるとデザインの案は多くても3つくらいまで絞られます。
この絞るところをちゃんとやらないとデザイン作る時も方向性が定まらないので難しくなります。
実際の業務でも曖昧な指示で作らないことがほとんどなのですが、たまに「先方も何作っていいか分からないからとりあえず作って」という雑な案件があります。
こういう時は作っても「なんか違うんだよなぁ~」という感じで修正が重なります。
デザインで色んなのを見せていくと方向性を自分で見つけて、最終的には全然違うところに着地するのがオチです。
一番デザイナーが疲れる仕事のやり方でもあり、リソースの無駄使いだと上司から怒られるので、最近では全くやりません。
方向性が決まっていないなら受注すらしません。
目的があるのがデザインなので、目的がないとアートになってしまいます。
デザインは何をすることかというと「問題を解決する」のがデザインです。
例えば今回のバナーが水着だったとすると、何でバナーを出すのかを考えると「売れない」「知名度がない」「価格が高い」などの問題を抱えているとします。
これをデザインだけでなく、ディレクターと戦略を考えてどう見せるかを決めていきます。
大抵は、バナー一個の依頼というのは少なく「売れないんです」という問題の相談があると、ECサイトが見ずらい、商品画像が汚いなどの多数の問題が出てきます。
それを総括して改修するのがWeb業界のお仕事です。
全て改修して、最終的な集客で使うのがバナーです。
バナー一個作るにもこんなに裏設定があります。
それを踏まえてデザインを作るのですが、商品や季節など、縛りがあればあるほど作りやすくなる、いいものができると言われています。
今回でいうと海縛りにするとか。
とにかく商品を決めて作るといいです。
自分で商品決めて文言も考えるとディレクターの能力も必要になるので大変です。
単純にデザイン作るのであれば、お題みたいなのを出している人もいます。
私もお題出しています。
こんな感じでバナーお題で検索すると見なさん作っているので、それを使うのも手です。
商品や方向性などをある程度出してくれているのでデザインに集中できます。
■デザイン添削
![](https://assets.st-note.com/img/1687310532500-aWRy2V4pyY.jpg?width=800)
前置きが長くなりましたが、商品などは特にないということで、見た目だけ添削してみます。
■文字の大きさ
![](https://assets.st-note.com/img/1687310616891-M8m45wmCMp.jpg?width=800)
「SALE」という字は大きいので分かりやすいのですが、その下の「80%OFF」が小さくて分かりにくいので大きくするか色を入れるかするといいです。
■枠
![](https://assets.st-note.com/img/1687310745404-jnrnkhLeIA.jpg?width=800)
初心者の方がよくやる囲みを入れるデザインですが、なくてもいい物が多いです。
今回のデザインは背景一面を海にしているので、それを活かしてあげるといいです。
![](https://assets.st-note.com/img/1687311326497-dIb52w4y3f.jpg?width=800)
枠がない方が海感が出ます。
そして、枠がないので文字をもっと大きくできます。
枠がなくなるとイラストなどのバランスも気になってくるので調整してあげるといいです。
スペースを埋めるために枠を入れていたのかもしれませんが、バナーができるだけギューギューに配置してあげるといいです。
余白とかを大きく入れる必要はないので、文字配置のバランスなどだけを気にしてあげるといいです。
![](https://assets.st-note.com/img/1687311413095-AarKdf42PQ.jpg?width=800)
先に伝えてしまうと、白文字だから見にくいからとシャドウを入れたくなると思います。
こういう濃いシャドウを入れると素人っぽくなるので、シャドウは薄く大きく入れてあげてください。
![](https://assets.st-note.com/img/1687311465009-TQnjDGq7rX.jpg?width=800)
このくらいでも十分シャドウの効果は出ています。
シャドウは補助的な役割なので、シャドウだけで読みやすくなることはないです。
背景の写真を濃くしたり、その他の要素を使って読みやすくしてみてください。
デザイン添削のご依頼はTwitterから!
Twitterで投稿された作品を添削しています。
添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」または動画で添削をする「#動画でデザイン添削希望」を付けて投稿してください。
作って終わりが一番成長しない。
— イライジャ|WEBデザイナー デザイン添削おじさん (@Elijah_School) June 2, 2022
添削して修正するのが実務に近い環境で、成長も早い。
どんどん作って、どんどん添削。#デザイン添削希望
これを付けて投稿すれば依頼完了
「note」での添削になります。
▼過去のバックナンバーはこちらhttps://t.co/rZENBjRSaK pic.twitter.com/KDUVWMmKVN
この記事が気に入ったらサポートをしてみませんか?