整列：見えない線を揃える

「なんとなく整って見える」の正体

「プロのデザインはなぜきれいに見えるのか」という疑問の答えのほとんどは「整列」です。
要素の端や中心を見えない線（軸）に沿って揃えることで秩序感が生まれます。
逆に「なんとなくバラバラ・不安定に見える」デザインのほとんどは、
整列が崩れています。

整列の4パターン

整列には4つのパターンがあります。

左揃えは最も読みやすく、最も多用される配置です。
縦書き文化の日本でも「左から右」という視線の流れに合うため、
基本はこれです。

右揃えは、数字・日付・価格など比較したい情報を縦に並べるときに有効ですが、
文章には使いにくいです。

中央揃えは、招待状・タイトルページ・ポスターのキャッチコピーなど、
フォーマルまたは印象的な場面に限定して使います。
初心者がすべてを中央揃えにするのは避けましょう。
左端がバラバラになり、視線の縦の流れが崩れます。

両端揃えは書籍・雑誌の本文に使われますが、
デジタルでは行末に不自然な空白が生じやすいため注意が必要です。

「軸」を意識する

デザイン全体を俯瞰したとき、すべての要素がどこかの縦線・横線に揃っているか確認しましょう。
FigmaやCanvaのスナップ機能を活用すると、
要素が自動で揃うため感覚が身につきやすくなります。
揃っていない要素が1つあるだけで全体の整列感が壊れることがあります。

デザイナーが意識する実践的なルールは、縦軸（左端）は1〜2本に絞ることです。
「なんとなくバラバラ」に見えるデザインは、多くの場合この左端の軸が3〜4本に分散しています。
テキスト・画像・ボタンすべての左端を1本の縦線に揃えるだけで、
劇的に整った印象になります。

確認の方法として、デザインを少し離れて目を細めて見てください。
左端がジグザグに並んでいれば整列が崩れているサインです。
すべての左端が縦一直線に見えれば整列は成功しています。

まとめ

整列の原則は「すべての要素を見えない軸に揃える」ことです。
基本は左揃え。中央揃えは使う場面を限定し、1px単位で揃える習慣がプロらしいデザインへの近道です。

NEXT STEP