作者整理了 20 條經(jīng)典原則，并通過正反例子說明這些原則在設(shè)計(jì)中是如何運(yùn)用的。系統(tǒng)學(xué)習(xí) 20 條經(jīng)典原則，讓你的設(shè)計(jì)更有說服力。

簡(jiǎn)介說明

1. 理論表述

為了更方便地理解這個(gè)世界，人類會(huì)將接受到的大量信息進(jìn)行過濾和簡(jiǎn)化。

2. 理論背景

簡(jiǎn)潔法則是所有格式塔設(shè)計(jì)原理的基石和綱領(lǐng)，也是 Wertheimer 知覺律中最基礎(chǔ)的一條原則。

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

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

設(shè)計(jì)案例

1. 與簡(jiǎn)潔法則的第一次接觸

有一個(gè)著名的案例來解釋簡(jiǎn)潔法則的作用。

案例1：胡亂涂鴉？斑點(diǎn)狗？

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

奇妙的眼腦感知系統(tǒng)。

2. 界面設(shè)計(jì)中的幾何

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

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

△ 幾何形的識(shí)別難度

正因如此，在界面較為復(fù)雜的場(chǎng)景下應(yīng)用更易識(shí)別的幾何形作為基礎(chǔ)視覺形狀，這是簡(jiǎn)潔法則最簡(jiǎn)單直接的應(yīng)用。

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

我們現(xiàn)在在界面設(shè)計(jì)中，多多少少都會(huì)自發(fā)的以「矩形或圓形」作為控件設(shè)計(jì)、信息排布的基本形狀，就是這個(gè)道理。

3. 細(xì)分原則介紹

簡(jiǎn)潔法則是一條綱要性的法則，它描述了所有格式塔設(shè)計(jì)原理起作用的原因，所以如果想應(yīng)用于具體的設(shè)計(jì)當(dāng)中，還需要往后閱讀，了解它的細(xì)節(jié)和應(yīng)用方法。

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

鄰近性原則 Law of Proximity

△ 鄰近性原則原理示意圖

對(duì)比左右兩組圓形，我們發(fā)現(xiàn)左側(cè)間距一致的圓形并不會(huì)出現(xiàn)任何成組的傾向，而右側(cè)的圓形，我們首先看到的不是一個(gè)個(gè)獨(dú)立的圓形個(gè)體，而是兩個(gè)大組，因?yàn)槟骋恍﹫A形相互更加靠近，所以大腦告訴我們它們是一組的。復(fù)雜信息的簡(jiǎn)單化，最重要的一點(diǎn)就是成組，將一部分互相具備某種區(qū)別于其余部分特質(zhì)的個(gè)體聯(lián)系在一起，看做一個(gè)整體，是大腦將復(fù)雜信息簡(jiǎn)單化的一種模型。

而在鄰近性原則中，這個(gè)特質(zhì)是間距。

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

相似性原則 Law of Similarity

△ 相似性原則原理演示圖

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

連通性原則 Law of Uniform Connectedness

△ 連通性原則原理演示圖

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

同域原則 Law of Common Region

△ 同域原則原理演示圖

被包含在一個(gè)完整封閉區(qū)域內(nèi)的元素更容易被識(shí)別為一組。同連通性一樣，同域的元素也具有非常強(qiáng)的相關(guān)性。

注意事項(xiàng)

注意點(diǎn)：簡(jiǎn)潔法則是一種原則

作為一種基礎(chǔ)原則，想要應(yīng)用進(jìn)設(shè)計(jì)中就要具體到某個(gè)細(xì)分原則中，比如通過鄰近性原則完成某個(gè)列表的排版，但無法直接套用簡(jiǎn)潔法則。

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

總結(jié)

? 簡(jiǎn)潔法則是大多數(shù)排版原則的基石；

? 格式塔中的鄰近性、相似性、連通性、同域性原則都脫胎于簡(jiǎn)潔法則。

作者：超人的電話亭