移行中の知識
整列
Alignment
定義
整列（alignment）とは、複数の要素を共通の辺・軸・基準線などに沿わせ、位置関係に秩序や視覚的なつながりを作ることです。整列は要素の関係を読み取りやすくする手がかりになりますが、すべての要素を同じ中心線へ置くことや、対称にすることと同義ではありません。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
アカウント設定画面
入力フォームの左端
見るポイント
見出し、ラベル、入力欄、補助文の開始位置を意味のある基準線に揃え、縦に視線を移した時に対応関係を追いやすくする。
管理画面の一覧
カード一覧の基準線
見るポイント
高さの違うカードでも、タイトルや主要値の開始位置を揃える。内容量を無理に同じにするのではなく、比較したい情報の基準線を共有する。
注意
誤解しやすい点
- すべてを機械的に同じ位置へ揃え、情報の階層や意図的なずらしまで消す。
- 整列していることだけで、要素同士の意味的な関係まで明確になったと考える。
観察
見比べて確かめる
関連
関連する概念
出典