装飾｜色・角丸・影・ホバー

装飾は足せば足すほど良くなるものではありません。素人っぽく見える原因は、装飾が足りないことより「種類が多すぎること」のほうが圧倒的に多いです。この章では絞り方を扱います。

色は最初に決めて、増やさない

サイト全体で使う色を、最初に4〜5色決めてしまいます。以降はその中からしか選ばないと決めるだけで、統一感が出ます。

迷ったらメインカラーを使うと決めておくと、判断の時間も減ります。色数が増えると、それだけでまとまりが失われます。

角丸と影の使いどころ

影は「浮いている」ことを示すための表現です。全部に影をつけると、何も浮いていないのと同じになります。カードやボタンなど、押せる・独立していることを示したい要素に限って使ってください。

ホバーはスマホに存在しない

マウスを乗せたときの変化（ホバー）は、スマホでは発生しません。ホバーしないと意味が伝わらない設計にすると、スマホユーザーには情報が届きません。

基本操作編の最後はプレビューと公開です。