SCALE — Build Lab

ゲシュタルト原則で関連項目を近づける

情報設計

関連する情報は物理的に近く、無関係なものは離して配置。

Do 良い例

ラベルと入力欄を密接 + フィールド間は広めの余白

Don't 悪い例

ラベルとフィールドが離れていて、対応が分からない

ゲシュタルト原則で関連項目を近づける

:LiTarget: 原則

関連する情報は物理的に近く、無関係なものは離して配置。

:LiCheckCircle: Do(良い例)

ラベルと入力欄を密接 + フィールド間は広めの余白

:LiXCircle: Don’t(悪い例)

ラベルとフィールドが離れていて、対応が分からない