整列と近接

ねらい

チラシでもスライドでもWebでも、「なんかこの人、ちゃんとしてないな」と一瞬で見抜かれる作りがある。要素がバラバラに置かれている作りだ。逆に、たいして凝っていないのに「きちんとして見える」ものもある。差は中身ではない。そろっているか／近いもの同士がまとまっているか、それだけのことが多い。

このクエストで握るのは二つの道具だ。

• 整列 … 要素を、見えない一本の線にそろえる。
• 近接 … 仲間どうしを近づけ、別ものは離す。

どちらも準備編のゲシュタルト（脳が勝手に「まとまり」を作って世界を見る働き）で習った話の、実戦版だ。整列は「連続」、近接は「近接」の原理にそのまま乗っている。ここでは、その脳のクセを自分の手で使うところまで持っていく。

なぜ「そろっている」と信頼に見えるのか

人の目は、「そろっている／そろっていない」を一瞬で見抜く。これは訓練の結果ではない。脳に最初から備わったクセだ。準備編のゲシュタルトでやった連続――ひと続きに並んだものを「ひとつの流れ」として追う働き――を思い出してほしい（典拠2）。要素の端が一直線にそろうと、そこに見えない一本の線が生まれる。目はその線をスッと追える。気持ちがいい。

逆に、端がほんの少しずつズレていると、目は「どこを追えばいいか」を見失う。そのたびに小さく引っかかる。一個一個は気づかないほど小さいズレでも、画面じゅうに積もると「なんか散らかってる」「落ち着かない」という印象になる。

ここで大事なのは、この印象が“作り手の手際”として読まれることだ。そろっていない＝「この人は最後まで詰めていない」「雑だ」と、見る人は無意識に判断する。だからそろえることは、ただ美しくする話ではない。「私はちゃんとやっています」という信号を出すことなのだ。整列が信頼につながる理由がこれだ。

左揃えを基本にする ―― 軸は一本でいい

そろえる、と言っても「どこにそろえるか」で迷う。中央？　右？　答えは原則ひとつ。左揃えを基本にする。

理由は二つある。

一つ目。**日本語も英語も、文字は左から読む。**だから左端に一本の軸が立っていると、目は一行読み終えるたびに、その軸へきれいに戻れる。次の行の頭がいつも同じ場所にあるから、迷わない。

二つ目。**中央揃えは、軸が消える。**中央揃えは行ごとに長さが違うぶん、左端の位置が毎行ズレる。見た目はふわっとして優しいが、目が「戻る場所」を失う。短い見出しや、ロゴの下の一言くらいなら効くが、情報が三つ以上並ぶところで中央揃えにすると、とたんに読みにくくなる。だから本文・箇条書き・カードの中身は左揃えが安全だ。

そして一番やってはいけないのが、軸を増やすこと。「ここは左、ここは中央、ここは右」と混ぜると、見えない線が何本もできて、目が右往左往する。一枚の中で軸はできるだけ一本に絞る。迷ったら全部左。これだけで散らかりは激減する。

どこにそろえる？ ―― 見えない基準線を引く

「左揃えにする」とは、具体的には見えない基準線を一本決めて、要素の端をそこに合わせること。プロは、配置を始める前にこの線を頭の中（または実際にガイドとして）引いている。

合わせるのは左端だけではない。端を共有できるものは、なんでも共有すると、線の本数が減ってまとまる。

• 左端をそろえる（一番よく使う）
• 上端をそろえる（横に並ぶカード・写真の天をそろえる）
• 右端をそろえる（数字や金額は右でそろえると桁が読みやすい）
• 中心をそろえる（アイコンと文字など、上下の真ん中を合わせる）

コツは、「なんとなくこのへん」をやめて、必ずどれかの線に“ぴたり”と乗せること。1ピクセル（画面を作るいちばん小さな点。髪の毛一本ぶんの、ごく小さなズレだと思えばいい）のズレも、積もれば「散らかり」になる。逆に言えば、ズレて見えるところは、必ずどこかの線から外れている。直すときは「どの線から外れたか」を探せばいい。

なお、この「見えない基準線」を縦横にたくさん引いて、紙面全体を升目で管理する考え方がグリッドだ。グリッドは、整列を一枚まるごとに広げた仕組みだと思えばいい（詳しくはこのレイアウト編の最初のクエスト「グリッドシステム」へ）。このクエストでは、その手前の「まず一本そろえる」を確実にする。

近接 ―― 距離で「仲間」をつくる

もう一つの道具が近接だ。ルールは一行で言える。

仲間は近づける。別ものは離す。

人の脳は、近くにあるものを「ひとつのグループ」と読み、離れているものを「別のグループ」と読む（準備編・ゲシュタルトの近接そのものだ）。この〈近いものをまとめて見る〉働きを、心理学者のヴェルトハイマーは群化の法則（ものをグループにまとめて見る、脳のきまり）として整理した（典拠2）。だから、要素と要素の間隔（あいだの余白）の大小が、そのまま「どれとどれが仲間か」という意味になる。

前章「余白と間」では、空白そのものを「呼吸・間」として置く設計を見た。この章の近接は、その余白の大小を使って“どれが仲間か”という意味を立てる側面に焦点を絞る。同じ余白を、別の角度から見ていると思えばいい。

ここでよくある失敗が、全部を等間隔に置くことだ。等間隔は一見きれいに見えて、じつは「どれが仲間か」の情報を消してしまう。たとえば名前・肩書き・会社名・電話番号を全部同じ間隔で並べると、見る人は「どこからどこまでが一人分か」を読み取れない。

正しくは、意味の切れ目で間隔を変える。一人分の中（名前と肩書き）はぐっと詰め、人と人の間は大きく空ける。見出しと、その下の本文は近づける。次の見出しの前は、大きく空ける。こうすると、線で囲わなくても、色を変えなくても、距離だけでグループが立ち上がる。引き算でまとまりを作れるのが、近接の強さだ。

整列と近接は、セットで効く

整列と近接は別々の道具に見えて、同時に使ってはじめて本領を発揮する。

• 整列だけだと――端はそろうが、全部が等間隔だと「どれが仲間か」が分からない。きれいだが、意味が読めない。
• 近接だけだと――グループは分かるが、端がガタついていて、雑に見える。

両方そろうと、**「端は一本の線にそろい、かつ仲間どうしは近い」**状態になる。これが、プロの紙面が持っている落ち着きの正体だ。見出しと本文を近づけて（近接）、両方の左端を同じ線にそろえる（整列）。たったこれだけで、情報は「読める」かつ「ちゃんとして見える」になる。

順番のコツも覚えておく。**まず近接で意味のかたまりを作り、次に整列でそのかたまりを線に乗せる。**意味（どれが仲間か）を先に決め、見た目（どこにそろえるか）を後で決める、という順だ。

何への反作用だったか ―― 「真ん中に飾る」からの脱出

なぜ「左揃え・非対称・距離でまとめる」が近代デザインの基本になったのか。これも歴史の反作用で読める。

20世紀の初めまで、印刷物の定番は中央そろえの左右対称だった。タイトルを真ん中に置き、その下に飾りを左右対称に配する。賞状や昔の本の扉を思い出すといい。荘厳だが、作るのに決まった型をなぞるだけで、情報の量や種類が増えると一気に窮屈になる。

これに「ノー」を突きつけたのが、1920年代のドイツの動き、とりわけヤン・チヒョルトだ。彼は1928年の著書『新しいタイポグラフィ（Die neue Typographie）』――タイポグラフィとは「文字をどう選び、どう並べ、どう見せるか」というデザインの分野のこと――で、左右対称をやめ、左揃え・非対称の構成を近代の原則として打ち出した。なぜか。機能（正しく速く伝わること）を最優先するなら、飾りの対称より、読みの軸が立つ左揃えのほうが合理的だからだ。中央に飾るのではなく、意味のかたまりを、軸にそろえて並べる。これが近代デザインの背骨になった。

この流れは、戦後のスイス様式（感情を排し客観的に伝えることを目指した様式）でさらに徹底される。グリッドにそろえ、左揃えで貫き、余白でまとめる――いま私たちが「整って見える」と感じる形は、ここで固まった。整列と近接は、「個人の飾り」から「誰でも読める仕組み」への転換の、いちばん基礎の部品なのだ。

見分け方・直し方

最後に、自分や他人の紙面を点検する目を持とう。「なんか散らかってる」と感じたら、原因はほぼこの二つに絞れる。

• 整列の崩れ … 要素の端が、共通の線から外れている。→ 見えない基準線を一本決めて、ぜんぶの端をそこに“ぴたり”と乗せ直す。軸が複数あるなら、できるだけ一本（左）にまとめる。
• 近接の崩れ … 間隔が全部同じで、仲間が読めない。または、仲間でないものが近すぎてくっついて見える。→ 意味の切れ目で間隔を変える。仲間は詰め、グループ間は空ける。

直し方のコツは、グリッドのクエストと同じだ。「足して整える」より「引いて整える」。線や囲みや色を足して仕切ろうとする前に、まずそろえる・間隔を変えるだけで、たいてい片づく。それでも足りないときに、初めて囲みや色を足す。

整列と近接は、デザインの中でいちばん地味で、いちばん効く道具だ。色を選ぶより、書体を凝るより、まずここを直す。**そろえる。仲間を近づける。**それだけで、作ったものは一段「ちゃんとして」見える。

譜例

棚（design-gallery）の実例で、左端の見えない基準線がどこに引かれているか、間隔がどこで詰まり・どこで開いているかを、指でなぞって確かめよう。

• 棚：整列と近接の実例を見る

練習・チェック

1. 手元のチラシかスライドを一枚開き、要素の左端を上から指でなぞる。途中で指が左右にブレるところが、整列の崩れだ。そこを一本の線にそろえ直す。
2. 同じ紙面で、**いちばん近いもの同士が「本当に仲間か」**を確かめる。仲間でないのに近い／仲間なのに遠い箇所を、間隔を変えて直す。
3. 中央揃えになっている本文や箇条書きがあれば、左揃えに直してみる。読みやすさがどう変わるか、声に出して読み比べてみよう。