点が六つ、二つずつ隣り合っていると、私たちは六つの点ではなく三組のペアを見ます。ところどころ途切れた線で描かれた円も、迷わず円として読み取ります。目は個々の断片よりも先に全体の形を捉えます。こうした知覚の規則をまとめたものが「ゲシュタルト原理(Gestalt Principles of Perception)」です。
ゲシュタルト原理とは、簡単にいえば「人が散らばった視覚要素を一つずつ別々に見るのではなく、近さ・類似・つながりといった手がかりに従ってまとめ、一つのまとまりとして認識する傾向」を意味します。ゲシュタルト(Gestalt)は「形態」や「構成」を意味するドイツ語で、今日では画面や紙面を整理するデザインの基本文法となっています。
本資料では、ゲシュタルト原理が生まれた背景と代表的な原理から、ロゴや画面での活用例、そしてデザイナーが注意すべき点まで、順に見ていきます。

目が先に整理する画面の秩序
ゲシュタルト原理とは何か?

ゲシュタルト心理学は、20世紀初頭のドイツで、マックス・ヴェルトハイマー(Max Wertheimer)、クルト・コフカ(Kurt Koffka)、ヴォルフガング・ケーラー(Wolfgang Köhler)によって創始されました。その出発点は、1912年にヴェルトハイマーが発表した実験でした。交互に点灯する二筋の光を見た人々は、実際には動く物体がないにもかかわらず、光が一方からもう一方へ移動するように感じました。彼はこの現象をファイ現象(Phi Phenomenon)と呼びました。
当時の心理学の主流は、経験を最小の感覚単位に分解して分析しようとしていました。これに対してゲシュタルト心理学者たちは、全体が先に知覚され、部分の意味は全体の中で定まると主張しました。コフカはこれを「全体は部分の総和とは異なる何かである」と表現しました。
1923年、ヴェルトハイマーは人が知覚要素をまとめる法則を論文にまとめ、これが今日のゲシュタルト原理の基礎となりました。すべての原理に共通する基盤には、プレグナンツの法則(Law of Prägnanz)があります。これは、人は目に映るものを、できるだけ単純で規則的かつ秩序ある形として受け取ろうとする、という意味です。
ゲシュタルト原理の5つの代表的な法則

ゲシュタルト原理にはさまざまな分類がありますが、デザインで最もよく使われるのは次の五つです。
(1)近接性(Proximity)
近くに置かれた要素は、形が違っても一つのまとまりに見えます。間隔を調整するだけでも、何と何が同じグループなのかを伝えられます。
(2)類同性(Similarity)
色、形、大きさが似た要素は、同じグループとして読み取られます。同じ色のボタンは、同じ種類の機能だと推測されます。
(3)連続性(Continuity)
人は、急に折れ曲がる経路よりも、滑らかにつながる線をたどろうとします。二本の線が交差していても、それぞれを途切れのない一本の線として見ます。
(4)閉合性(Closure)
輪郭の一部が欠けていても、頭の中で隙間を補い、完成した図形として認識します。
(5)図と地(Figure-Ground)
目は画面を、手前に浮かび上がる形と、その背後に広がる背景に分けます。デンマークの心理学者エドガー・ルビン(Edgar Rubin)は、1915年ごろ、二人の横顔にも白い花瓶にも見える「ルビンの壺(Rubin Vase)」によって、この原理を示しました。
身近な例で理解するゲシュタルト原理

ゲシュタルト原理は、私たちが毎日目にするロゴや画面のあちこちに潜んでいます。
[事例]文字の間に隠れた矢印、フェデックスのロゴ
1994年にランドー・アソシエイツ(Landor Associates)のリンドン・リーダー(Lindon Leader)が制作したフェデックス(FedEx)のロゴには、大文字のEとxの間の空白に、右を指す矢印が入っています。最初は文字だけが見えていても、一度矢印に気づくと、その後はいつも目に入るようになります。背景だった空白が形へと変わる、図と地の原理を巧みに活用した例です。
- 入力フォーム(Form Layout):項目名を入力欄のすぐ上に置き、項目同士の間隔を十分に空けると、近接性によって、どの名前がどの欄に対応するのか迷わなくなります。
- ナビゲーションメニュー(Navigation Menu):形と色をそろえたメニュー項目は、類同性によって一つの集合として読み取られます。
- 横スクロールリスト(Horizontal Scroll List):右端のカードをあえて半分ほど切れた状態で見せると、人は連続性と閉合性に従って、その先にもカードが続くと推測し、画面をスワイプしてみます。
ゲシュタルト原理を使う際の注意点

ゲシュタルト原理は強力ですが、万能の公式ではありません。プレグナンツのような概念を厳密に定義するのは難しく、現象を記述するだけで脳内の仕組みを説明できていない、という批判も受けました。そのため、その後もアメリカの心理学者スティーブン・パーマー(Stephen Palmer)らが、線や枠で囲まれた要素を一つのグループとして見る共通領域(Common Region)の原理を加えるなど、研究が続けられました。
- 原理同士の衝突(Principle Conflict):近くにあるのに色が異なる要素のように、二つの原理が食い違うと、ユーザーはどちらに従ってまとめるべきか迷います。一つのまとまりでは、手がかりが同じ方向を示すようにそろえます。
- 過度な省略(Excessive Omission):閉合性を頼りに輪郭を消しすぎると、形を認識できなくなります。小さな画面では特に注意します。
- ユーザーテスト(User Testing):デザイナーの目に自然に見えるまとまりが、ユーザーにとってもそうなのかは、実際に見せて確かめる必要があります。
ゲシュタルト原理は、人の目が散らばった要素を、近さ、類似、つながり、閉じた形、図と地に従ってまとめ、全体として読み取るという知覚の規則です。100年以上前に心理学の実験室で始まったこの考え方は、今日ではロゴやウェブ画面、地図や案内板に秩序を生み出す基盤となっています。
要素を一つずつ装飾する前に、目がそれらをどうまとめて捉えるかを考えること。それが、読み取りやすいデザインへの第一歩です。