![見出し画像](https://assets.st-note.com/production/uploads/images/79264115/rectangle_large_type_2_24520cf31d5094c63cc6d9c39b78a283.jpeg?width=1200)
無料添削デザインスクール #88「チョコレート通販セールバナー」
添削
![](https://assets.st-note.com/img/1653445546611-d2SXFt12yU.jpg?width=1200)
毎度おなじみになってきた「こばやす」さんのチョコレート課題ですね。
冬らしさが出ていますね。
■サイズ
![](https://assets.st-note.com/img/1653445664273-t81ssfrMEd.jpg?width=1200)
バナーの指示書などに700pxとか書かれていると、そのサイズで表示するのかと思いますが、実際表示されるのは300pxくらいが多いです。
最初は文字のサイズなどの感覚が分かりにくいと思いますが、何度か原寸で確認しながら作ると見やすくなります。
![](https://assets.st-note.com/img/1653445801513-IA6V5s4UFW.jpg?width=1200)
実際に700pxくらいで表示されるかもしれないのですが、正方形なので可能性は低いかな。
スマホの解像度が高いので2倍くらいのサイズで作ることが多いです。
解像度が高くても文字サイズが小さいとスマホだと小さい文字はほぼ読めなくなってしまいます。
文字サイズもことも考えながらデザインを組みましょう。
■デザイナーの苦しみ
![](https://assets.st-note.com/img/1653445978487-lQVLJGATPC.jpg?width=1200)
文字間が広く取ってあって、優雅な感じになっていますが、バナーは見やすさ重視です。
・デザイン性が高くて効果が出ないバナー
・デザインがダメダメで効果が出るバナー
間違いなくデザインダメダメでも効果が出る方を先方は選びます。
デザインなんて効果が出れば何でもいい。
そんな一面を持っているのがバナーです。
デザイナーはカッコよく作るのも仕事ですが、効果を出す。
問題を解決するのが仕事ということも頭に入れながらデザインしましょう。
時にはやりたくない修正やわざとダサくする修正なども来ます。
![](https://assets.st-note.com/img/1653446468048-wiynwDbGrg.jpg?width=1200)
このくらいの大きさにするといいです。
![](https://assets.st-note.com/img/1653446491740-Np5ZBZo6Ci.jpg?width=1200)
某ショッピングモール風な修正が入るとこんな感じになります。
臨機応変に対応する技術がデザイナーには求められます。
WEBデザインは他のグラフィックデザインよりも短期的で即効性のあるデザインを求められることが多いです。
チラシなどは、後で見るができますが、WEBの場合は今すぐクリックしてもらわないと二度と表示されないということがあるからです。
目の前のお客さんに興味を持ってもらえるように分かりやすく直感的なデザインにすると、ダサくても重宝されます。
グラフィックデザインの仕事がメインの制作会社に入る場合はいらないスキルにはなります。
バナーやWEBの仕事はデザイン性が低いとバカにされることが多いのですが、目の前のお客さんをゲットする技術は高いです。
お題
こちらのバナー課題は、こばやすさん(@kobayas_s)のバナーお題です。
良質なお題がたくさんあるので、お試しください。
自分で課題を考えると大変なので、実務に近いプロが考えたお題を作ると成長も早いです。
WEBデザイナーになりたい方は、トレースよりもお題をお勧めします。
デザイン添削のご依頼はTwitterから!
Twitterで投稿された作品を添削しています。
添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」または動画で添削をする「#動画でデザイン添削希望」を付けて投稿してください。
#デザイン添削希望
— イライジャ|WEBデザイナー デザイン添削おじさん (@Elijah_School) January 7, 2022
↑こちらを付けてもらえれば無料でデザイン添削します。#動画でデザイン添削希望
↑さらに細かい添削が欲しい方はこちら。
デザインファイルも送ってもらうと、動画で細かくファイルの作り方から添削します。
添削はYoutubeとnoteで!#WEBデザイナー #webデザイン勉強中 pic.twitter.com/SzI928oF2b