整列とは｜余白灯舎

整列とは、文字や写真などの端・中心を見えない線にそろえ、情報を読みやすくまとめるデザインの基本原則です。

冷蔵庫に三枚の予定表を貼るとき、左端が少しずつずれていると一枚ずつ探すことになります。左端をそろえると、日付を上から追いやすくなります。予定表が要素、冷蔵庫に通る縦の線が基準線です。ただし、すべてを左揃えにするという意味ではありません。金額など、別の比較をしたい情報には別の基準を使います。

整列とは？デザインで何をそろえるのか

紙面に置かれた見出し、本文、写真、ボタンの左端が少しずつずれていると、人はそれを「なんとなく落ち着かない」と感じます。端や中心をそろえると、要素の裏に見えない線が通り、離れた情報にも関係が生まれます。

整列の目的は、見た目を均一にすることだけではありません。読む人が「どこから見ればよいか」「どの情報が同じまとまりか」を迷わないように、視線の通り道をつくることです。

迷ったときは、まず左揃えを選びます。中央揃えは短い範囲に限り、右揃えは数字や補助情報など、右端を基準に比べたい要素へ使うと整理しやすくなります。

飾りを足す前にこの3点を確認すると、少ない要素でもまとまりと落ち着きが生まれます。

商品一覧では、商品名を左端でそろえ、値段だけを右端でそろえることがあります。商品名を探す視線と金額を比べる視線を分けるための整列です。何をまとめ、何を比べるのかに合わせて基準線を決めます。

整列は「線」をそろえる考え方です。近接は、距離を近づけて同じまとまりだと伝える考え方です。整列だけでは、離れた情報まで一列に見えることがあります。関連する見出しと本文は近づけ、別の話題とは余白を空けると、線と距離の両方で関係を示せます。

反復は、見出しの大きさ、ボタンの形、余白の幅などを同じ役割ごとに繰り返すことです。整列したボタンでも、色や高さが毎回変われば、同じ操作だと気づきにくくなります。「左端をそろえる整列」「近いものをまとめる近接」「同じ役割をそろえる反復」を一緒に使うと、画面や紙面のルールが伝わりやすくなります。

「中央揃えにすれば、きれいにまとまる」という誤解です。中央揃えは行ごとに左端がずれるため、長い文章では読みにくくなります。まとまって見せたいときは、まず左端など一つの基準線を決めるのが基本です。

手元の一枚で、見出し、本文、ボタンの左端に定規を当てるつもりで一本の線を引いてください。理由なく外れている要素を一つだけそろえ、読む順番が変わるかを確かめます。