0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

これさえ守ればOK!ダサダサUIデザインを作る、4つのポイント

Posted at

毎週エンジニア・初学者のデザインレビューをする中で、みんながよくやりがちなダサダサデザインを元に、Tipsをまとめてみました。

これを守るだけで、どんなイケイケエンジニアも、一発でダサダサにすることができます。
嫌いな人には、これをやると誰でもプロのデザインができるらしいよ!と伝えましょう。(※自己責任にて!)

 ① シャドウは濃く! 🌚

せっかく影をつけるのだから、影があることをしっかりアピールしましょう!
私のことは忘れても、影のことは忘れないで..!
Group 11.png

 ② 余白は詰める! 🏢🏢🏢🏢

洗練されたデザインを作るのに、適切な余白は欠かせません!
ムダなスペースを作らないよう、入れられるだけの情報を詰め込みましょう。
ビュッフェバイキングもお皿に取れるだけ乗せますよね?
Group 12.png

 ③ 要素は自由に&気ままに並べよう 😌

文字は読めれば問題ないですよね?
バランスはアート。
直感に任せて、自由にレイアウトしましょう。
Group 13.png

 ④ 色ははっきり!白黒つけて 🐼

サーモンピンク?パステルピンク?ローズピンク?フューシャピンク?
どれも同じようなもの!ピンクでいいでしょう。コードの記述もラクだし。
うーん..でも、ピンクはかわいくなっちゃうな、ここは目立つ水色にしようか。
あとは普通に真っ黒が無難で良いでしょう。普通がいちばん。
Group 14.png

たったこれだけ。かんたんですね!
これであなたも、明日からプロのデザイナー!!!

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?