整列とは、要素を共通の辺や軸に沿って配置することです。整列によって秩序が生まれます。テキストと画像が左揃えになっていると、視線はページを下に向かってすっきりとした垂直の線に沿って進みます。それらが散らばっていると、デザインが偶然のように感じられます。ロビン・ウィリアムズは、整列を近接性、反復、コントラストと並ぶ4つの主要なデザイン原則の1つとして挙げています。彼女はデザイナーに対し、意図的に配置するようアドバイスしています。すべての要素は、ページ上の他の要素と視覚的なつながりを持つべきです。

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

実践における整合性

• 各ブロックにつき、主要な配置を1つ選択してください。
• 要素を共通のエッジまたはグリッド線に揃えます。
• 長い本文を中央揃えにするのは避けてください。
• 離れた要素を接続するには、整列機能を使用します。

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