編者按：作者整理了 20 條經典原則，并通過正反例子說明這些原則在設計中是如何運用的。系統學習 20 條經典原則，讓你的設計更有說服力。

簡潔法則是什么？它與鄰近性、相似性、連通性、同域性原則是什么關系？如何在設計中應用簡潔法則？閱讀這篇文章讓你掌握這些知識點。

往期回顧：

• 《讓設計更有說服力的20條經典原則：美即好用效應》
• 《讓設計更有說服力的20條經典原則：多爾蒂門檻》
• 《讓設計更有說服力的20條經典原則：菲茨定律》
• 《讓設計更有說服力的20條經典原則：希克定律》
• 《讓設計更有說服力的20條經典原則：雅各布定律》

簡介說明

1. 理論表述

為了更方便地理解這個世界，人類會將接受到的大量信息進行過濾和簡化。

2. 理論背景

簡潔法則是所有格式塔設計原理的基石和綱領，也是 Wertheimer 知覺律中最基礎的一條原則。

1910年，心理學家 Max Wertheimer 在鐵路道口觀察到一系列燈光閃爍時有此發現，這現象看起來就像是一束光在燈泡之間移動，其實不然，這只是一系列燈泡挨個開/關所呈現出的效果，這種現象被稱為「似動現象」。在似動現象中格式塔心理學家看到了一種人類認知和識別外部信息的模式，簡潔法則也就在這樣的背景下由 Wertheimer 提出了。

研究表明，我們的大腦善于將復雜的信息識別為更簡單的形式，善于優先識別物體或畫面的輪廓、外形、整體，善于將無意義的、抽象的、不熟悉的部分以某種共性互相聯系起來組成有意義的、具象的、熟悉的事物，這將大大減少大腦處理信息的壓力。也正是人類的這種近乎于本能的信息處理模式，我們的設計才具備堅實的理論性和生物性基礎，所以簡潔法則對我們的設計具有極大的指導意義。

設計案例

1. 與簡潔法則的第一次接觸

有一個著名的案例來解釋簡潔法則的作用。

案例1：胡亂涂鴉？斑點狗？

當我們放大圖像集中精力去仔細辨認每一個部分時，它是一堆沒有任何意義的斑點，或是一堆抽象的、潑灑的黑色墨塊。然而當我們驚鴻一瞥，或遠離圖像，或縮小圖像去看，就可以看到一只趴在地上的狗頭。

奇妙的眼腦感知系統。

2. 界面設計中的幾何

在簡潔法則的影響之下，我們所看到的幾乎所有界面都呈現出一定的幾何規律，絕大多數界面中的組件/控件，不論它到底是不是真正的幾何，在大腦中都會呈現出它是幾何形的印象。

所有幾何形中，識別負荷大致為圓形≈矩形≤凸多邊形<凹多邊形。

△ 幾何形的識別難度

正因如此，在界面較為復雜的場景下應用更易識別的幾何形作為基礎視覺形狀，這是簡潔法則最簡單直接的應用。

案例2：京東 web 版，版面中大量應用了矩形作為基本型

我們現在在界面設計中，多多少少都會自發的以「矩形或圓形」作為控件設計、信息排布的基本形狀，就是這個道理。

3. 細分原則介紹

簡潔法則是一條綱要性的法則，它描述了所有格式塔設計原理起作用的原因，所以如果想應用于具體的設計當中，還需要往后閱讀，了解它的細節和應用方法。

這里我們先概覽一下后面所涉及的幾條與 UI 相關性較高的格式塔原理，理解它們與簡潔法則之間的關系。

鄰近性原則 Law of Proximity

△ 鄰近性原則原理示意圖

對比左右兩組圓形，我們發現左側間距一致的圓形并不會出現任何成組的傾向，而右側的圓形，我們首先看到的不是一個個獨立的圓形個體，而是兩個大組，因為某一些圓形相互更加靠近，所以大腦告訴我們它們是一組的。復雜信息的簡單化，最重要的一點就是成組，將一部分互相具備某種區別于其余部分特質的個體聯系在一起，看做一個整體，是大腦將復雜信息簡單化的一種模型。

而在鄰近性原則中，這個特質是間距。

注：這種信息處理的模型稱為組織律（Gestalt Principles of Grouping，也叫做成組原則），在平面四要素中，這個原則被稱為「親密性原則」。

相似性原則 Law of Similarity

△ 相似性原則原理演示圖

在排除鄰近性法則的影響后，我們會傾向于把相似的元素看作為一組。相似的元素具有更強的相關性，這是大腦處理信息之后讓我們感知到的結果。

連通性原則 Law of Uniform Connectedness

△ 連通性原則原理演示圖

視覺上直接相連的元素，傾向于被看成一組，視覺的連接是一種極強的、對于相關性的暗示，暗示我們它們之間的關聯極大，超越了鄰近性和相似性，甚至有時候不用直接相連，也同樣能夠具有很強的分組感知的效果。

同域原則 Law of Common Region

△ 同域原則原理演示圖

被包含在一個完整封閉區域內的元素更容易被識別為一組。同連通性一樣，同域的元素也具有非常強的相關性。

注意事項

注意點：簡潔法則是一種原則

作為一種基礎原則，想要應用進設計中就要具體到某個細分原則中，比如通過鄰近性原則完成某個列表的排版，但無法直接套用簡潔法則。

在之后的四篇文章里，會針對上述四則格式塔組織律進行更為細致地講解。

總結

• 簡潔法則是大多數排版原則的基石；
• 格式塔中的鄰近性、相似性、連通性、同域性原則都脫胎于簡潔法則。

參考文獻

• 《Laws of Organization in Perceptual Forms》?Max Wertheimer
• 《The Designer’s Guide to the Law of Pr?gnanz》?Erkan Kerti

歡迎關注作者的微信公眾號：「超人的電話亭」