デザインの勉強

バナートレース #05 -グラデーションとオブジェクトで春らしく-

トレース結果

※左:Sample  右:Trace

Size 300×250
Time 90min
Tool illustrator
Font 小塚ゴシック Pr6N R、Arial Black(数字)
Color #ff7dad、#ffcccc、#fcbed1

デザイン考察

  1. 強調したい数値と季節感のでるオブジェクトを組み合わせて自然に目立たせている
  2. 背景をグラデーションにすることで柔らかさが出る
  3. ピンク系しか使っていないけれど、情報の訴求順位でピンク色を使い分けている

学んだこと

300 × 250 pxのサイズに対して、「新生活応援セール」は40px、「50%」は20px。「50%」の方を強調したいので、フォントサイズは小さいけれど、背景にオブジェクトを重ねることで強調している。

mito
mito
グラデーションの威力を感じました。ピンク系の配色のみしか使っていないけれど、グラデーションと文字色を細かく変えることで単調にならずより柔らかくなり、春らしさが強調されています。
momo
momo
グラデーションを使いこなせるようになると、表現の幅が広がるね!

反省点 & 課題

mito
mito
「新生活応援セール」の外枠の線幅 、1pxにしたけれどもう少し太くしてもよかったなぁ。桜のオブジェクトの形がいまいち収まりが良くないのと、グラデーションがかかってしまったのも気になる…

背景のパターンもできなかったので、時間があるときに取り組みたいです。

ABOUT ME
mito
こんにちは!mitoです。 フロントエンド開発、デザイン全般をやっているクリエイターです。 学ぶことと教えることが好きです。 子育てをする中で、自分の生活に働き方を合わせたいと思うようになり、2020年4月からフリーランスになりました。 好奇心旺盛でやりたいこと多め、ワクワクすると止まれない性格です。 同じように一緒にチャレンジする人の背中そっと押せたり、励ましあえるようなブログになるといいなと思っています。