本文へ移動
雑学書庫好奇心が集まる場所
日本語

全体は部分の総和とは異なる、ゲシュタルト原理(Gestalt Principles of Perception)

点が六つ、二つずつ隣り合っていると、私たちは六つの点ではなく三組のペアを見ます。ところどころ途切れた線で描かれた円も、迷わず円として読み取ります。目は個々の断片よりも先に全体の形を捉えます。こうした知覚の規則をまとめたものが「ゲシュタルト原理(Gestalt Principles of Perception)」です。

ゲシュタルト原理とは、簡単にいえば「人が散らばった視覚要素を一つずつ別々に見るのではなく、近さ・類似・つながりといった手がかりに従ってまとめ、一つのまとまりとして認識する傾向」を意味します。ゲシュタルト(Gestalt)は「形態」や「構成」を意味するドイツ語で、今日では画面や紙面を整理するデザインの基本文法となっています。

本資料では、ゲシュタルト原理が生まれた背景と代表的な原理から、ロゴや画面での活用例、そしてデザイナーが注意すべき点まで、順に見ていきます。

ゲシュタルト原理の五つの法則。近接性は近くにある三組の点、類同性は同じ色の点の列、連続性は滑らかに交差する線、閉合性は途切れた円、図と地は二つの横顔と花瓶が共有する輪郭で説明する。
ゲシュタルト原理の5つの法則。概念の出典: OpenStax, Psychology 2e §5.6。図は新たに作成しました。

目が先に整理する画面の秩序

ゲシュタルト原理とは何か?

1910年代風の心理学実験室で、小さな明かりが二つ並んで取り付けられた古い光学装置を、スーツ姿の研究者が見守っている様子

ゲシュタルト心理学は、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年以上前に心理学の実験室で始まったこの考え方は、今日ではロゴやウェブ画面、地図や案内板に秩序を生み出す基盤となっています。

要素を一つずつ装飾する前に、目がそれらをどうまとめて捉えるかを考えること。それが、読み取りやすいデザインへの第一歩です。