SCALE — Build Lab

視覚階層(Visual Hierarchy)

余白

大事なものから順に、サイズ・色・余白・位置で目立たせる。

Do 良い例

CTA は大きく+鮮やか。サブ機能は小さく+グレー

Don't 悪い例

全ボタン同じサイズ・同じ色(どれを押せばいいか分からない)

視覚階層(Visual Hierarchy)

:LiTarget: 原則

大事なものから順に、サイズ・色・余白・位置で目立たせる。

:LiCheckCircle: Do(良い例)

CTA は大きく+鮮やか。サブ機能は小さく+グレー

:LiXCircle: Don’t(悪い例)

全ボタン同じサイズ・同じ色(どれを押せばいいか分からない)