「なんとなく並べる」を卒業する！プロが必ずやっている整列の基本

ブログ

スクール・学習法

Jul. 03, 2026

「文字や画像を配置したけれど、なんだか画面全体がごちゃごちゃして見える」
「すっきり整えたいけれど、どこを基準に配置すればいいのか分からない」

一生懸命に作った資料が、どこか落ち着かない印象になってしまう場合、それは「整列（並べるルール）」のほんの少しのズレが原因かもしれません。

デザインにおける「整列」とは、ただ要素を綺麗に並べることではなく、「見えない線を画面に通し、情報のつながりを伝えること」。

今回は、ノンデザイナーの方が無意識にやってしまいがちな「並べ方のNGパターン」と、それをすっきり解決する「整列のロジック」を解説します。

01｜中央揃えと左揃えが混ざって、視線が迷子になっている

タイトルは「中央揃え」、その下にある長めの説明文も「中央揃え」、だけど箇条書きは「左揃え」……。このように、1つの画面の中で異なる揃え方が混ざっている資料をよく見かけます。

長文の中央揃えは、文章の行ごとに「文頭（左端）」の位置が変わるため、読む人は1行ごとに視線をあちこちへ動かさなくてはなりません。これが、読む人にストレスを与え、「なんとなく読みづらい（素人っぽる）」と感じさせる原因になります。

Fix｜迷ったら「左揃え」に統一し、文頭のスタートラインを揃える

日本の文章は基本的に左から右へ読むため、人間の視線は「左端」を基準に動きます。資料をすっきり見せたいときは、タイトルも説明文も、すべて思い切って「左揃え」に統一してみましょう。文頭のスタートラインが縦にまっすぐ1本揃うだけで、驚くほど視線の誘導がスムーズになり、知的な印象に仕上がります。

02｜端っこ（エッジ）がガタガタで、情報のまとまりが見えない

四角い画像、タイトル、箇条書きのテキスト。これらが、それぞれ「なんとなくこの辺かな」という感覚で配置されていると、数ミリ単位の微妙なズレが生まれ、画面全体に「だらしなさ」が出てしまいます。

プロのデザインが美しく見えるのは、画面の中に「目に見えないグリッド（格子状の線）」が通っているからです。

Fix｜要素の「エッジ（端）」を、1ミリの狂いもなくビシッと合わせる

配置するときは、画像の左端、タイトルの左端、説明文の左端が「1本の透明な直線」の上にぴったり載るように意識してください。
上端（トップ）や下端（ボトム）を揃えるときも同じです。すべての要素の端（エッジ）がどこかの線と連動している状態を作る。この「ルール通りのカチッと感」こそが、素人っぽさを脱却する最大の鍵です。