![見出し画像](https://assets.st-note.com/production/uploads/images/76268642/rectangle_large_type_2_bcaaf9212d07b72db5e46367bd91ee1a.jpeg?width=1200)
無料添削デザインスクール #68「バレンタインデーチョコ販売バナー」
添削
![](https://assets.st-note.com/img/1649729148319-evA8K56sGA.jpg?width=1200)
バレンタインデーの販売バナーですね。
チョコカラーでまとめられていて分かりやすいバナーに出来上がっていると思います。
■タイトルの作り込み
![](https://assets.st-note.com/img/1649729187982-K2KqAS7SGg.jpg?width=1200)
タイトルの英字がさっぱりしすぎています。
行間も空きすぎています。
![](https://assets.st-note.com/img/1649729599892-EpQip6TGAl.jpg?width=1200)
タイトルの英字だけ少しデザインの入っているフォントにしてあげると雰囲気が出ます。
「Valentine Campaign」とそのまま入れると、文字サイズが一緒なので「Valentine」があまり目立たなくなってしまいます。
「Campaign」はそこまで重要ではないので、こっちは雰囲気出しだけに使います。
![](https://assets.st-note.com/img/1649729710584-oGAUTITiJo.jpg?width=1200)
英字はさっと読める人は少ないので、デザインの一部として使ってしまいます。
タイトル回りもすっきりするので日本語の文字を大きくしたりもできます。
■画像の強弱
![](https://assets.st-note.com/img/1649729998825-Et7NLMLYR8.jpg?width=1200)
右にある画像が3つ入っていますが、同じサイズで入れてあるので、インパクトがないです。
強弱をつけて奥行き感を出してあげるといいです。
![](https://assets.st-note.com/img/1649730530414-yCvoNgPHB0.jpg?width=1200)
メインになる商品を決めて、それを大きく入れ、後のは小さく入れることで画像も強弱が付けられます。
商品の箱色がビビットなピンクで違和感があるので、別の画像があればそれを使用した方がいいです。
画像の強弱をつけると、インパクトが出るのですが、スペースも空きます。
そうすると下の文字をもっと大きくすることもできます。
バナーは狭いスペースを活用して強弱をつけます。
■詳細文にも強弱をつける
![](https://assets.st-note.com/img/1649730958353-NCH43zrVyU.jpg?width=1200)
下の詳細も金額のところは大きくなっていますが、もっと強弱を付けます。
内容を見ると「対象商品~」は注意文なようなものなのでそこまで大きく伝える必要はありません。
「全品半額!10万円買ってくれたらね!」と言われたらガックリしますよね。
なので、大きく見せない方がいいです。
![](https://assets.st-note.com/img/1649731080802-ql8d3ywxbB.jpg?width=1200)
とにかく500円分の商品券をあげることだけを重点的に伝えます。
3,000円分買うかどうかはその後考えてもらいます。
バナーはとにかく目の前にいる人にクリックしてもらうことが最優先です。
要点だけをズバッと伝えましょう。
■強弱はスペースが空く
![](https://assets.st-note.com/img/1649731278999-e2l5im27Rx.jpg?width=1200)
見てもらいたいものを大きくして、見せなくてもいいものを小さくする。
強弱をつけることで、同じ内容でもスペースがかなり空きます。
その分もっと見せたいところを大きくしたり、追加の要素を入れることができます。
全部を並列ではなくて見せたいところをどこか決めて作るといいです。
デザイン添削のご依頼はTwitterから!
Twitterで投稿された作品を添削しています。
添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」または動画で添削をする「#動画でデザイン添削希望」を付けて投稿してください。
#デザイン添削希望
— イライジャ|WEBデザイナー デザイン添削おじさん (@Elijah_School) January 7, 2022
↑こちらを付けてもらえれば無料でデザイン添削します。#動画でデザイン添削希望
↑さらに細かい添削が欲しい方はこちら。
デザインファイルも送ってもらうと、動画で細かくファイルの作り方から添削します。
添削はYoutubeとnoteで!#WEBデザイナー #webデザイン勉強中 pic.twitter.com/SzI928oF2b