視覚階層(Visual Hierarchy)
:LiTarget: 原則
大事なものから順に、サイズ・色・余白・位置で目立たせる。
:LiCheckCircle: Do(良い例)
CTA は大きく+鮮やか。サブ機能は小さく+グレー
:LiXCircle: Don’t(悪い例)
全ボタン同じサイズ・同じ色(どれを押せばいいか分からない)
大事なものから順に、サイズ・色・余白・位置で目立たせる。
CTA は大きく+鮮やか。サブ機能は小さく+グレー
全ボタン同じサイズ・同じ色(どれを押せばいいか分からない)
大事なものから順に、サイズ・色・余白・位置で目立たせる。
CTA は大きく+鮮やか。サブ機能は小さく+グレー
全ボタン同じサイズ・同じ色(どれを押せばいいか分からない)