準備編 /

ゲシュタルト原則

人の脳は、近くにある・似ている・閉じている・続いているものを勝手に「ひとまとまり」に見る。この知覚のクセが、整列や近接が「整って見える」理由であり、デザインの全原則の土台になる。

ねらい

「なんとなく整って見える」「なんとなくゴチャついて見える」。この“なんとなく”の正体を、脳のしくみから突き止める。

近接・類同・閉合・連続・図と地。この5つは、人の脳が要素を勝手にまとめて見る働きだ。デザイナーが整列や余白で何をやっているのか、その根っこがここにある。だから準備編の最初に置く。

同じ6個の丸。置き方を変えるだけで… 脳は「3個+3個」の2グループと読む 等間隔なら「6個ひと続き」と読む
図1:要素は同じでも、“置き方”だけで脳が作る「まとまり」は変わる。この章でその正体を解く。

ゲシュタルトとは「全体は部分の寄せ集めではない」

まず言葉から。ゲシュタルトはドイツ語で「形・まとまった姿」という意味だ。

中身を一言でいうと、こうだ。

全体は、部分を足し算したもの“以上”になる。

たとえばメロディ。「ド・レ・ミ」という音が3つあるだけだが、私たちは1音ずつではなく「ひとつのフレーズ」として聞く。音の高さを全部そろってずらしても(=3つまとめて引っ越しさせても)、上がり下がりの形さえ同じなら「同じメロディ」と感じる。音という部品ではなく、並びが作る全体の形を脳がつかんでいる。

目も同じだ。点や線をひとつずつ見ているのではなく、それらが作る“まとまり”を先に見てしまう。この性質を最初に学問にしたのが、ゲシュタルト心理学だ。

点は3つ。でも見えるのは「三角形」という全体 △に見える 音は3つ。でも聞こえるのは「ひとつのフレーズ」 → 3音の「上がっていく形」をひとまとまりに聞く
図2:部品を足しただけでは説明できない「全体の形」が先に立ち上がる。それがゲシュタルト。

なぜこの考えが生まれたか — 「バラバラの感覚の寄せ集め」への反作用

ここが歴史の話。デザインの掟は、たいてい「前の考えへの反発」から生まれる。ゲシュタルトもそうだ。

1900年ごろの心理学で有力な考え方の一つは、こうだった。「心は、小さな感覚のかけらの寄せ集めだ」。色の点、音の粒、そういう最小の部品を足していけば、見え方も説明できる――そういう発想だ(これを構成主義という。ヴントらが築いた、心を部品に分解して理解しようとする立場)。

これに「いや、人はそんなふうには見ていない」と反対したのが、ドイツの心理学者マックス・ヴェルトハイマーだ。

きっかけは、列車の窓から見た景色だったと言われる。電柱や遠くの丘が、自分の乗る列車と一緒に動いて見えた――動いていないはずのものが動いて見える。これは脳が作る動きではないか。彼はフランクフルトで途中下車し、駅でおもちゃのストロボスコープ(連続した絵をすばやく見せて動きを作る装置)を買って確かめた。

実験室での検証はこうだ。暗い部屋で、2つの光をほんの少しずらして交互に点滅させる。すると人は「光が動いた」と見てしまう。映画やパラパラ漫画と同じ原理だ。実際には何も動いていない。止まった点が交互に光っただけ。なのに脳が勝手に「動き」という全体を作り出す。これを仮現運動という。

部品(止まった2つの光)を足しても、「動き」は出てこない。全体は部品の寄せ集め以上――この一発の発見から、ゲシュタルト心理学が始まった(1912年)。

実際にあるのは… 2コマの点滅(パラパラ漫画と同じ) 時刻1 左だけ点く/右は消灯 時刻2 左は消灯/右だけ点く なのに脳が作るのは… 「光が右へ動いた」という全体
図3:何も動いていないのに「動き」が見える。部品の足し算では出ない全体を、脳が作る証拠。

この“まとまって見える”を、近接・類同などの具体的な法則に整理したのも同じヴェルトハイマーで、1923年のことだ。だからこの先で学ぶ5つの原則は、デザイナーの好みでも流行でもない。人間の脳に最初から備わった、ものの見方のクセを観察して名付けたものだ。

一つだけ整理しておく。近接・類同・閉合・連続の4つはヴェルトハイマー(1923)がまとめた「群化の法則」。一方、最後の図と地は、それより前にデンマークのエドガー・ルビン(1915)が立てた別の柱で、群化の土台になっている。「ゲシュタルト=ヴェルトハイマー一人が全部発見」ではない、と覚えておこう。どちらも「脳が勝手にまとまりを作る」という同じ世界の話だ。

群化の法則 近接・類同・閉合・連続 ヴェルトハイマー(1923) 図と地 主役と背景の振り分け ルビン(1915)― 先行し土台に
図4:5原則は別々の出どころ。4つの群化はヴェルトハイマー、図と地はそれより前のルビン。発見者を取り違えない。

原則1:近接 ― 近いものは仲間に見える

ここから具体的な5つに入る。まず一番強いのが近接だ。

ルールは単純。**距離が近い要素どうしを、脳は「ひとつのグループ」とみなす。**逆に、離れているものは「別物」とみなす。

これがデザインで一番よく使う武器になる。たとえば名前と肩書き、見出しと本文。「これは仲間ですよ」と言いたいものは近づけ、「別ですよ」と言いたいものは離す。線で囲わなくても、距離だけでグループは作れる。

悪い:全部が等間隔。どれが仲間か読めない 山田太郎 デザイナー 鈴木花子 エンジニア 良い:名前と肩書きを近づけ、人どうしは離す 山田太郎 デザイナー 鈴木花子 エンジニア ← 近い=仲間 ↕ 離れる=別人
図5:囲みも色も足さず、「間隔」だけで「誰が何の人か」を脳に正しく伝えている。これが近接。

原則2:類同 ― 似たものは仲間に見える

類同は、距離ではなく見た目の似ているものでグループを作る働きだ。

色・形・大きさが同じものを、脳は「同じ種類だ」とまとめる。離れていても効く。たとえば表で「赤い数字=マイナス」と決めると、バラバラの場所にあっても赤いものだけが一瞬で“仲間”として浮かび上がる。色や形を揃えること自体が、意味(同じ仲間です)を伝える手段になる。

バラバラに並んでいても… 脳は「赤だけ」をひとまとまりに拾う 同じ色=同じ仲間、と読む
図6:場所が離れていても、「似ている」だけで脳はグループにする。これが類同。色を揃える=意味を揃える。

原則3:閉合 ― 脳は“足りない線”を勝手に閉じる

閉合は少し不思議だ。輪郭が途切れていても、脳が隙間を埋めて「閉じた形」として見る。

途切れた4本の線でも、全体が囲いの形をなぞっていれば「四角」に見える。破線で描いた丸が「丸」に見えるのも同じだ。線がつながっていなくても、脳は「ひとつの図形」と読む。

これが効くのは、全部を描かなくても伝わるということだ。ロゴで線を省略してもマークとして成立するのは、見る人の脳が残りを補ってくれるから。情報を減らしても“まとまり”は壊れない。

線は途切れ途切れ。閉じていない なのに「四角」に見える 脳が隙間を補って… 「閉じたひとつの形」にする
図7:脳は足りない部分を補完する。だから全部を描かなくても「まとまり」は伝わる。これが閉合。

原則4:連続 ― 目はなめらかな流れを追う

連続は、ひと続きに並んだものを、脳が「ひとつの流れ」として追う働きだ。目は、急に折れ曲がる道より、なめらかに続く道を選んで進む。

一直線に並んだ要素は「ひとつの列」として読まれる。だから**端を揃える(左揃えなど)と、列がスッと一本の線に見えて落ち着く。**逆に、揃っていないと、目が流れを追えず「ゴチャついた」と感じる。整列が気持ちいいのは、この連続の働きに乗っているからだ。

バラバラ:目が左端を追えない 左揃え:端が一本の線になり流れる ↑ この見えない一本の線を目が追う
図8:左端が揃うと、見えない一本の線が生まれ、目がそれに沿って流れる。整列が効く理由がこれ。

原則5:図と地 ― 「主役」と「背景」を脳が分ける

最後が、全部の土台になる図と地だ。

人はどんな絵を見ても、無意識に「(=主役・手前にあるもの)」と「(=背景・奥にあるもの)」に分けている。文字は図、紙の白は地。この振り分けがハッキリしていると、何を見ればいいかが一瞬で分かる。

ここで大事なことが一つ。地(背景)は“余り”ではなく、図と同じくらい能動的に形を作っているということだ。デザインでいう「余白」は、この地のこと。だから余白を雑に扱うと、図(主役)まで濁る。

この図と地には、白い壺にも向き合う2つの顔にも見える**「ルビンの壺」**という有名な例がある。同じ輪郭なのに、どちらを「図」と読むかで見えるものが反転する――この奥の話は、次章「図と地」で本格的に扱う。ここでは「5つ目の原則として、背景も能動的に形を作る」とだけ押さえれば十分だ。

黒を「図」と読むと… 黒い「柱」が主役 白を「図」と読むと…(同じ画面) 白い「すきま」が主役
図9:同じ画面でも、黒を主役と読めば「柱」、白を主役と読めば「すきま」。背景(地)も形を作る能動的な要素。詳しくは次章へ。

まとめ ― なぜこれが全原則の土台なのか

5つの原則は、ぜんぶ同じ一文に行き着く。

脳は、勝手に「まとまり」を作って世界を見ている。

近づける(近接)、似せる(類同)、閉じさせる(閉合)、流す(連続)、主役と背景を分ける(図と地)。デザイナーがやっているのは、この脳のクセを“味方につけて”、伝えたいまとまりを正しく作ることだ。

実際、デザインの定番入門書ロビン・ウィリアムズ『ノンデザイナーズ・デザインブック』(1994) が掲げる4原則(近接・整列・反復・対比)も、この脳のクセの応用にほかならない。整列が気持ちいいのも、近接で情報が読めるのも、余白が効くのも、全部この土台の上にある。だから準備編の一番下に、この章を置く。

整列・余白 視覚的階層 グリッド コントラスト ゲシュタルト原則(近接・類同・閉合・連続・図地) 脳が勝手に「まとまり」を作るクセ
図10:いちばん下に「脳のクセ」があり、その上にゲシュタルト原則、さらにその上に整列やグリッドなどの実用原則が乗る。

迷ったら最後にこう問う。「この脳のクセ(近接・類同・閉合・連続・図地)の、どれを味方につけているか」。一つも言えないなら、まだ整っていない。

用語 GLOSSARY

ゲシュタルトGestalt
ドイツ語で「まとまった形・姿」。部品の寄せ集めではなく、全体としてまとまって見える“形”のこと。
ゲシュタルト心理学
人は世界を部品の足し算ではなく「まとまった全体」として見る、と考える心理学の立場。1910年代のドイツで始まった。
ゲシュタルト原則
近接・類同・閉合・連続・図と地など、脳が要素を勝手にまとめて見るときの法則をまとめた呼び名。
群化の法則
バラバラの要素を脳が自動で「グループ(群)」にまとめるときの規則。近接・類同・閉合・連続がこれにあたる。
構成主義structuralism
心や見え方を、これ以上分けられない小さな感覚の部品に分解して理解しようとした、昔の心理学の立場。ヴントらが築き、ゲシュタルトはこれに反対した。
近接
距離が近い要素どうしを、脳が「ひとつの仲間」として見るはたらき。
類同
色・形・大きさが似ている要素どうしを、離れていても「同じ種類」とまとめて見るはたらき。
閉合
輪郭が途切れていても、脳が隙間を補って「閉じたひとつの形」として見るはたらき。
連続
ひと続きに並んだ要素を、脳が「ひとつのなめらかな流れ」として追って見るはたらき。
図と地
絵を見るとき、脳が無意識に「図(主役・手前)」と「地(背景・奥)」に振り分けること。背景も形を作る能動的な要素になる。
余白
デザインで意図的に空けた“何もない部分”。ゲシュタルトでいう「地(背景)」にあたり、主役と同じくらい形を作る。
仮現運動
止まった2つの光が交互に点滅すると「動いて見える」現象。実際は動いていないのに脳が動きを作る。映画やパラパラ漫画の原理。
マックス・ヴェルトハイマーMax Wertheimer
ドイツの心理学者。1912年に仮現運動を発見し、1923年に群化の法則をまとめて、ゲシュタルト心理学を始めた人。
ルビンの壺
白い壺にも、向き合う2つの顔にも見える有名な絵。どちらを「図」と読むかで見えるものが変わる、図と地の代表例。

RULES TO CITE

  • 近接:仲間は近づけ、別ものは離す。囲いより先に“距離”でグループを作る
  • 類同:同じ役割は色・形・大きさを揃える。揃えること自体が「同じ仲間です」という意味になる
  • 閉合:輪郭は描き切らなくていい。脳が隙間を補うので、線や形は省ける
  • 連続:並べる要素は端を揃える(基本は左揃え)。揃った端が見えない一本の線になり、目が流れる
  • 図と地:余白(背景)を“余り”として放置しない。主役(図)と同じ重みで設計する
  • 迷ったら問う。「近接・類同・閉合・連続・図地の、どれを味方につけているか」。一つも言えないなら、まだ整っていない

典拠 SOURCES

  • Max Wertheimer「Experimentelle Studien über das Sehen von Bewegung(運動視の実験的研究)」(1912) ― 仮現運動の発見。ゲシュタルト心理学の出発点
  • Max Wertheimer「Untersuchungen zur Lehre von der Gestalt II(ゲシュタルト理論の研究 II)」(1923) ― 同名論文の第二編。近接・類同・閉合・連続などの群化の法則を体系化した方
  • Kurt Koffka『Principles of Gestalt Psychology』(1935) ― 「全体は部分の総和とは異なる」を体系化した代表的著作
  • Edgar Rubin『Synsoplevede Figurer(視覚的に体験される図形)』(1915) ― 「図と地」の分化を確立。群化の法則に先行し、その土台になった(詳細は次章「図と地」へ)
  • Wolfgang Köhler『Gestalt Psychology』(1929) ― ゲシュタルト心理学を英語圏に広めた基礎文献
  • Robin Williams『The Non-Designer's Design Book』(1994) ― 近接・整列・反復・対比の4原則として、ゲシュタルトをデザイン実務へ橋渡しした普及元

譜例(実例)

棚で実例を見る ↗