Design
整列
Alignment
別名・略称:アラインメント
要素の端や中心、文字の基準線などをそろえ、配置の関係を整えること。
まず、こう考えてみる
文字と画像の端がそろうと、同じ構造に属することを読み取りやすくなります。線を描かずに、関係を示すこともできます。
専門的には
Adobeは、整列を構成のまとまりに関わるデザイン原則として扱っています。グリッドは、その基準を継続して使うための方法の一つです。
具体例と使い方
LPでは見出し、本文、カードの左端をそろえ、例外には役割を持たせます。写真の中の人物と文字の位置も、実際の見え方で調整します。
間違えやすいこと
中央にそろえることだけではありません。また、文字の枠が数値上そろっていても、形によって見た目のずれが残ることがあります。
NACKの視点
機械的な配置と、視覚的なまとまりの両方を確認します。
出典・参考資料
更新記録
2026-10-14:初版。公開されている資料・論文の説明や抄録と定義を照合。制作への応用例と「NACKの視点」は編集による提案で、個別のバナーやLPの効果を検証済みとするものではありません。