右寄せ左寄せ

ラベルは右寄せ、コントロールは左寄せで配置する。
理由:ラベルとコントロールの関連を明確に表現するため。

図例
ラベルとコントロールの右寄せ左寄せ

効能

  • ゲシュタルト心理学における知覚的な要因に基づいて、要素間の関連や集合を自然と理解できる。
  • 視覚的な流れがスムーズになり、すばやい情報取得ができる。

用法

  • ラベルの右端と、コントロールの左端が、それぞれ一直線に揃うようにする。
  • ラベルの右端とコントロールの左端が、一定の間隔を保つようにする。

図例
表形式での右寄せ左寄せ

図例
表形式ではラベルを左寄せにすることも可

注意書き

  • ラベルの左側の空間が凸凹になるため、縦方向のスクロールを許容する場合や、画面面積に余裕がある場合は、ラベルを左上、コントロールを直下に配置してもよい。