整列とは、要素を共通の線や端に沿って配置することです。整列によって秩序が生まれ、デザインに意図的な印象を与えます。テキスト、画像、ボタンが左端を共有している場合、視線はページを下に向かってすっきりとした垂直線に沿って流れます。それらが散らばっていると、デザインは偶然の産物のように感じられます。ロビン・ウィリアムズは、近接性、反復、コントラストと並んで、整列を4つの主要なデザイン原則の1つとして挙げています。彼女はデザイナーに対し、容赦なく、すべての要素が他の要素と視覚的に繋がっているべきだと助言しています。

配置方法にはいくつかの種類があります。左揃えは、右端が不揃いな方が見やすいため、欧米言語の本文では標準的です。中央揃えはフォーマルな印象を与え、招待状やタイトルに適しています。右揃えは右から左に読む言語に適しており、キャプションや数値列に適しています。両端揃えはテキストを両端に引き伸ばし、整然としたブロックを作成しますが、単語間に不自然な隙間が生じる場合があります。

実践における整合性

• コンテンツブロックごとに、主要なアライメントを1つ選択してください。
• 要素を共通のエッジまたはグリッド線に揃えます。
• 長い本文を中央揃えにするのは避けてください。
• 配置機能を使用して、レイアウト全体で要素を接続します。

整列がしっかりしていると、多くの場合、その効果は目に見えません。閲覧者は単にページがきちんと整理されていると感じるだけです。一方、整列が弱いと、何がおかしいのかはっきりとは言えなくても、何かがおかしいという漠然とした違和感が生じます。