本記事は、セオリーズ株式会社の編集部が、心理学・認知科学・行動科学に関する文献や公開情報を確認したうえで作成しています。内容は一般的な知識提供を目的としており、医学的診断・治療を代替するものではありません。
ゲシュタルト原則とは
ゲシュタルト原則(Gestalt Principles)とは、人間の知覚が個々の要素の集合でなく、まとまりや構造として世界を認識しようとする傾向を記述した法則群です。「全体は部分の総和以上である」という考え方がゲシュタルト心理学の核心です。
20世紀初頭にヴェルトハイマー、ケーラー、コフカらドイツの心理学者が体系化しました。近接・類似・閉合・連続などの原則が含まれ、デザイン・UXの基礎理論として現在も広く参照されています。
- 脳は断片的な刺激を自動的に「まとまり」として知覚しようとする
- 近接・類似・閉合・連続・共命運などの複数の原則が協調して働く
- グラフィック・UI・プレゼン資料の設計に直接応用できる
ゲシュタルト原則の前提:図と地の分離
図と地(Figure-Ground)とは、知覚場を「注目している対象(図)」と「その背景(地)」に分離して認識する知覚の基本的な仕組みです。
デンマークの心理学者エドガー・ルビンが1915年に体系化しました。「図」として知覚される領域は輪郭を持ち前面に浮かび上がるのに対し、「地」は輪郭を持たず背後に退いて広がりを持つように見えます。
図と地の分離では、囲まれている・小さい・対称性が高い・動いているといった要因が「図」として選ばれやすくします。注意の向け方でも切り替えが起きます。
ゲシュタルト原則のメカニズム
ゲシュタルト原則は複数あります。近接の法則:近くにある要素は同じグループとして知覚される。
類似の法則:形・色・大きさが似た要素はグループとして知覚される。閉合の法則:不完全な図形でも閉じた形として完成させて知覚する。
連続の法則:滑らかに続く線や曲線はひとつのまとまりとして知覚される。共命運の法則:同じ方向に動く要素は同一グループとして知覚される。
ゲシュタルト原則の具体例
ここではゲシュタルト原則が実際にどのような場面で現れるかを具体例で説明します。
具体例#1
デザイン|ナビゲーションメニューの近接
Webサイトのヘッダーで「ホーム」「会社概要」「お問い合わせ」が近い距離に並んでいると、同じカテゴリのリンク群として自動的に認識される。
近接の法則の応用です。グループ間に十分な余白を設けることで、メニュー項目のまとまりをユーザーに直感的に伝えられます。
具体例#2
実験|ルビンの壺(図と地の反転)
中央の白い領域を図として見ると「壺」、両端の黒い領域を図として見ると「向き合う2つの人の顔」が現れる。両方を同時に図として知覚することはできない。
図と地は同時に同じ領域に成立しないという排他性を示す古典例です。どちらの解釈が優勢かは注意・先行経験・文脈によって切り替わります。
具体例#3
デザイン|FedExロゴのネガティブスペース
FedExロゴの「E」と「x」の間には、「地」として矢印が隠れている。一度気づくと、その後は矢印が「図」として見えるようになる。
デザイナーが意図的に「地」の空間(ネガティブスペース)に意味を持たせた例です。図と地の反転を利用することで、ロゴに二重のメッセージを込められます。
具体例#4
日常|ドット絵と星座
夜空に無数の星があっても、特定の数点を線で結んだ「オリオン座」のイメージが浮かぶ。ドット絵も離れた点の集合が人物・キャラクターとして見える。
閉合の法則と近接の法則が働いています。不完全・散在した要素から脳が自動的に意味ある形を補完・まとめます。
具体例#5
実験|カニッツァの三角形
3つのパックマン形の図形を適切に配置すると、実際には描かれていない白い三角形が浮かび上がって見える(主観的輪郭)。
閉合の法則の典型例です。脳は与えられた断片情報から「最もシンプルで意味のある形」を推論し、存在しない輪郭を補完します。
関連する概念
- 知覚恒常性
物体の特性を安定して知覚する働き。ゲシュタルト原則と組み合わせて「安定した世界の知覚」が成立する。 - 錯視
ゲシュタルト原則の補完・組織化が誤った解釈を生むときに錯視として現れる。多くの錯視の基盤にゲシュタルト処理がある。 - 選択的注意
注意の向け方が図と地の選択に影響し、ゲシュタルト組織化のきっかけとなる。注意の切り替えで知覚の再構成が起きる。
ゲシュタルト原則を理解して活かす方法
- 近接でグループを作る:
関連する情報は近くに配置し、関連しない情報は十分な余白で離す。線や囲みがなくても「まとまり」が伝わる - 類似で統一感を出す:
同じカテゴリの要素には同じ色・形・フォントを使う。視覚的一貫性がグルーピングを自動的に伝える - 閉合で情報を補完させる:
全情報を書かなくても、ユーザーが「補完」できるように断片を配置する。余白や不完全な形を意図的に使う
