とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

デザインのクオリティアップの秘訣。ひとつの要素に3つのあしらいを。

デザインのクオリティアップの秘訣。ひとつの要素に3つのあしらいを。

デザインしててなんかいまいち洗練されてないな、

もう少しなんかクオリティ上げたいなというときに

使える考え方がこちら。

 

ひとつの要素に3つ装飾(デザイン的あしらい)をする

 

たとえば、ボタンがあったとします。

そのボタン(要素)に3つ以上の装飾をつけることで、

クオリティがアップします。

 

ボーダーをつける

ボックスシャドウをかける

透過させる

グラデーションをかける

アイコンをつける

角丸にする、角丸をシャープにする

hoverアニメーションをつける

hoverで立体的に押下感をだす

他要素との余白でバランスをとる

...などなど。

 

これは単純な例ですが、洗練させたいと思ったら、

装飾を3つかける。

デザイン、UIパーツの作り込みに行き詰まったら

思い出して実践してみてください。