尊敬的用戶辙诞，您正在閱讀我的文章，如果覺得還不錯(cuò)轻抱，就商點(diǎn)銀子吧飞涂！實(shí)在不行，點(diǎn)贊也是極好的，如果您愿意將此文分享給您的好友较店，我將不勝感激士八！手動(dòng)筆芯！

是的梁呈，你絕對(duì)看懂了上面這一段話婚度，你覺得這一段文字有意義，是因?yàn)槲艺诓捎萌齻€(gè)重要的格式塔原則——這段文字的結(jié)構(gòu)取決于格式塔的鄰近法則官卡、簡單法則蝗茁、連續(xù)法則，如果沒有這三個(gè)因素寻咒，我也沒法隔著屏幕還能清楚地傳達(dá)我的想法哮翘。

所以，如果沒有這三個(gè)因素毛秘，將會(huì)發(fā)生什么呢饭寺？
什么？你說不知道叫挟？ 這好辦啊佩研，我演示給你看 ↓

怎么樣，現(xiàn)在體驗(yàn)如何霞揉？相信你根本就不想看下去，也不想知道我在說什么了晰骑，雖然這些字跟文章開頭的那段字是一樣的适秩，甚至標(biāo)點(diǎn)符號(hào)都一樣！

當(dāng)缺少了接近性和連續(xù)性硕舆，所謂的文章秽荞、句子，只會(huì)淪為單個(gè)的字或者說毫無意義的亂碼抚官。

如果缺少了簡單性呢扬跋？
其實(shí)90后中老年人最熟悉了 ↓

如果簡單法則在這里理解起來不夠直白，可以理解成統(tǒng)一性凌节、整體性

是的钦听，祭出古老的火星文！ 不用說也知道倍奢，火星文比一般段落更復(fù)雜朴上，因?yàn)槲淖植唤y(tǒng)一、摻雜了各種奇怪符號(hào)卒煞、字母等亂七八糟的東西痪宰，信息傳遞效率自然是不高的。
但是！雖然效率方面占了下風(fēng)衣撬，卻產(chǎn)生了一定的趣味性乖订。所以！還是一直強(qiáng)調(diào)的觀點(diǎn)具练，一定要靈活運(yùn)用乍构，法則不是絕對(duì)正確的，要具體情況具體分析靠粪！

經(jīng)過這兩個(gè)簡單的例子蜡吧，現(xiàn)在你應(yīng)該很切實(shí)的感受到了接近法則、簡單法則占键、連續(xù)法則是多么的常見昔善。我們生活中大多數(shù)情況都會(huì)采用并且依賴這三個(gè)法則。

幾乎每個(gè)人都會(huì)在直覺上使用這三個(gè)法則理解周圍事物畔乙，但是作為設(shè)計(jì)師君仆，你應(yīng)該比一般人有更深層次的了解。

接近法則

這大概是最簡單的法則了牲距，即 彼此接近的事物比 彼此隔開的事物更相關(guān)返咱。
該法則不用依靠任何額外結(jié)構(gòu)就能控制相關(guān)性，因此它是影響我們認(rèn)知和理解的首要原則之一牍鞠。
我們所有人都能直觀的理解——表明相關(guān)性的最簡單方式是控制接近度咖摹。但是！卻無法直觀的感受接近法則的強(qiáng)大难述。所以萤晴，為什么設(shè)計(jì)師們要比其他人更進(jìn)一步的了解？當(dāng)然是為了利用法則胁后，也就是利用這種“強(qiáng)大”店读，操縱其他人的感官，達(dá)成設(shè)計(jì)目的攀芯！

下面這張圖屯断，很好的展示了如何利用接近度操控相關(guān)性：

讓我們混入一些其他格式塔法則——相似法則↓

好像沒什么影響，還是接近法則更勝一籌侣诺，要不然我們?yōu)楹尾粚⑼N顏色的圓關(guān)聯(lián)起來殖演？
還記得上一篇中顏色的信號(hào)之強(qiáng)大么？但是當(dāng)遇到接近法則紧武，還是輸了剃氧！

其實(shí)，形成我們感知的各種機(jī)制幾乎總是在相互競爭阻星。學(xué)習(xí)研究這些法則朋鞍，熟知其相對(duì)優(yōu)勢已添，當(dāng)運(yùn)用到具體場景時(shí)，才能夠高效完成設(shè)計(jì)目的滥酥。

然而更舞，天外有天，接近法則也不是宇宙最強(qiáng)坎吻，還有“親近感”更強(qiáng)的法則 ↓

簡單法則

由于大腦的節(jié)能性（沒錯(cuò)就是懶）缆蝉，人類傾向于將模糊或復(fù)雜的圖像解釋為簡單而完整的圖像。

通過統(tǒng)一的視覺屬性連接的元素瘦真，被認(rèn)為比未連接的元素更相關(guān)刊头。即：越是統(tǒng)一的物象、或者連結(jié)性越高的物象诸尽，會(huì)使我們感知到“塊”而不是“單個(gè)”原杂，塊的整體性自然更高，理解更簡單您机，因此最終形成的感知相關(guān)性也就越強(qiáng)穿肄。如下圖 ↓

（果然懶才是王道啊 Biu~）

這條法則最常見的應(yīng)用場景，是選項(xiàng)卡式導(dǎo)航欄，統(tǒng)一的“顏色塊”能夠讓用戶快速感知分類信息 ↓

會(huì)話氣泡也經(jīng)常用這一招 ↓

哪邊效果更好？不用我說了吧听想？

還有最近流行的卡片式設(shè)計(jì)，也可以用簡單法則來解釋脑溢。就不多舉例了，大家多多觀察赖欣。

生活中的例子就更多了焚志，比如我們用文件夾整理文件、用相冊(cè)整理照片畏鼓、買菜的時(shí)候用袋子把菜裝在一起等等等等。

連續(xù)法則

文章最開始的時(shí)候壶谒，舉了一個(gè)我們?nèi)绾伍喿x一段文字的例子云矫，你之所以能夠get到我傳達(dá)的意思，除了接近性汗菜、簡單性让禀，還有一條更重要的因素，就是連續(xù)性陨界。

連續(xù)法則巡揍，又被稱為延續(xù)法則，即：在直線或曲線上的元素菌瘪，比不在直線或曲線上的元素更相關(guān)腮敌。

上圖會(huì)話氣泡左圖使用了一些連接圖形阱当，使視覺上更相關(guān)也涉及到了連續(xù)法則。

事實(shí)上糜工，書面語言均離不開連續(xù)法則弊添，當(dāng)文字排列在一條線上（或一系列線上、直線或曲線）捌木，更有助于我們理解它們彼此之間的關(guān)系油坝。文字的線性排列是一種強(qiáng)大的機(jī)制，雖然我們會(huì)利用標(biāo)點(diǎn)符號(hào)隔開某一句話刨裆，但是絲毫不影響我們對(duì)一整段文字的理解澈圈。（標(biāo)點(diǎn)符號(hào)的使用又會(huì)涉及到接近法則了，所以帆啃，很多法則都是相互關(guān)聯(lián)的）

良好的連續(xù)性能夠有效的表明元素相關(guān)性瞬女，對(duì)于我們理解各種視覺結(jié)構(gòu)的含義尤其重要。

同其他法則一樣链瓦，使用場景非常廣泛拆魏，例如數(shù)據(jù)可視化：

圖片來自 www.piktochart.com

所有的圖表，以及其文字標(biāo)示慈俯，均具有良好的連續(xù)性渤刃。

版式設(shè)計(jì)中的網(wǎng)格、界面設(shè)計(jì)中的柵格系統(tǒng)贴膘，也逃不過連續(xù)法則卖子。利用網(wǎng)格進(jìn)行布局排列是一種簡單有效的方式，說到底也是一種“線性排列”：

線性排列可以是橫向的刑峡，也可以是垂直的洋闽，均能夠產(chǎn)生良好的相關(guān)性

上圖中，即使內(nèi)容在視覺上并不是均勻顯示的突梦，但分類信息也能夠通過良好的連續(xù)性清晰的展示出來诫舅。

共同命運(yùn)

人類傾向于認(rèn)為向同一方向運(yùn)動(dòng)的元素比靜止或向不同方向運(yùn)動(dòng)的元素更相關(guān)。

如果你站在天橋上看車流宫患，就能非常深刻的體會(huì)到共同命運(yùn)法則刊懈。

運(yùn)動(dòng)在線下設(shè)計(jì)中會(huì)受到一定的限制，但是對(duì)于線上設(shè)計(jì)娃闲，尤其是界面設(shè)計(jì)虚汛，可以說是錦上添花。近年來硬件設(shè)備性能不斷提升皇帮，以及網(wǎng)絡(luò)信號(hào)增強(qiáng)卷哩、資費(fèi)下降，用戶越來越喜歡“費(fèi)流量”的設(shè)計(jì)属拾，動(dòng)效設(shè)計(jì)之風(fēng)越吹越大将谊，這條法則的力量也開始凸顯冷溶。

在動(dòng)效設(shè)計(jì)這個(gè)詞被普遍關(guān)注之前，有關(guān)共同命運(yùn)法則的運(yùn)用也并不少見瓢娜，比如：

Tooltips

當(dāng)我們的鼠標(biāo)指針移動(dòng)到相應(yīng)圖標(biāo)上挂洛，隨即出現(xiàn)的工具提醒，兩者之間強(qiáng)關(guān)聯(lián)性很容易被感知眠砾。

圖片來自MD官網(wǎng)

界面中元素運(yùn)動(dòng)一致的時(shí)候虏劲，我們自然的就會(huì)覺得他們的相關(guān)性更高。

當(dāng)然這個(gè)界面中還有其他格式塔原則存在褒颈，但是目前感受最深的一定是共同命運(yùn)法則柒巫。

值得一提的是，字面意義上的“運(yùn)動(dòng)”谷丸，并非共同命運(yùn)法則的終極目標(biāo)堡掏。
如果要解釋這一層含義，必須明確一點(diǎn)刨疼，那就是：所有的“文字內(nèi)容”和“物理內(nèi)容”都具有概念上的等效性泉唁。概念上的運(yùn)動(dòng)和視覺上的運(yùn)動(dòng)是一種相同行為，并且概念運(yùn)動(dòng)受視覺運(yùn)動(dòng)的規(guī)則支配揩慕。當(dāng)某一組概念朝著同一個(gè)目標(biāo)或結(jié)論“移動(dòng)”亭畜，通常也會(huì)被認(rèn)為彼此相關(guān)。

聽起來好像很哲學(xué)的樣子迎卤，其實(shí)很簡單拴鸵。
舉個(gè)例子：當(dāng)一個(gè)團(tuán)隊(duì)有了一個(gè)共同目標(biāo)，并且每個(gè)成員都在朝這個(gè)目標(biāo)努力的時(shí)候蜗搔，這個(gè)團(tuán)隊(duì)就會(huì)表現(xiàn)出強(qiáng)大的凝聚力劲藐。團(tuán)隊(duì)成員的“努力”，就是概念上的一種運(yùn)動(dòng)方式樟凄，這里的“凝聚力”即相關(guān)性的概念表現(xiàn)聘芜。

這里的“概念運(yùn)動(dòng)”的觀點(diǎn)，對(duì)于信息結(jié)構(gòu)設(shè)計(jì)具有非常重要的指導(dǎo)意義缝龄。
比如下圖中厉膀，個(gè)人信息模塊的所有組成部分，表達(dá)的都是個(gè)人信息二拐，頭像、名字凳兵、性別等都具有某種“相同屬性”百新，這種“相同屬性”即都是在表達(dá)個(gè)人信息，微信號(hào)庐扫、手機(jī)號(hào)等就不被包含在個(gè)人信息模塊饭望， 但同時(shí)個(gè)人信息和賬號(hào)信息也具有“相同屬性”仗哨，因此又都屬于我的信息。

可解釋的再簡單些铅辞，其實(shí)共同命運(yùn)法則厌漂，所表達(dá)的是某種“一致性”，不管是思想上的一致性還是物理運(yùn)動(dòng)上的一致性斟珊，都能夠表現(xiàn)出相關(guān)性苇倡。擁有同一種思想傾向的人群、朝一個(gè)方向運(yùn)動(dòng)的車輛囤踩，抽象意義上都具有“一致性”旨椒，即共同命運(yùn)。
我們經(jīng)常會(huì)用80后堵漱、90后综慎、00后來劃分群體，試想勤庐，現(xiàn)實(shí)中他們不也會(huì)表現(xiàn)的更相關(guān)嗎示惊？

作為設(shè)計(jì)師，必須要有舉一反三的能力愉镰，要懂得把各種原理反復(fù)推演米罚。概念構(gòu)造也好、物理構(gòu)造也好岛杀，或者幾何構(gòu)造等等等阔拳，所有的原理、道理都會(huì)有一個(gè)“基礎(chǔ)”类嗤，當(dāng)你熟悉并精通這些“基礎(chǔ)”之后糊肠，就要不斷練習(xí)如何利用其特性，反過來控制這些“基礎(chǔ)”遗锣，達(dá)成你的設(shè)計(jì)目的货裹。

努力練習(xí)這種“推演力”，把你所學(xué)到的任何原理都進(jìn)行“等效化”精偿，并運(yùn)用到設(shè)計(jì)中弧圆，那么你必定會(huì)在設(shè)計(jì)上有所成就！正所謂熟能生巧笔咽，說的也是這么個(gè)道理搔预。

即使你不是設(shè)計(jì)師，熟練運(yùn)用法則的力量叶组，不管是什么職業(yè)都能夠幫你更上一層樓拯田。

閉合法則

這是格式塔最后一條法則，這條法則實(shí)際上是在得出結(jié)論甩十。

我們的大腦非常擅長“斷章取義”船庇，即使某事物只有部分信息吭产，也能夠通過想象使其“完整化”。
實(shí)際上鸭轮，這種斷章取義得到的答案臣淤，往往都是錯(cuò)誤的。也就是說窃爷，我們自己腦補(bǔ)出來的東西邑蒋，很大程度上，都不可信吞鸭。
我們經(jīng)常說“判斷失誤”寺董，大概就是閉合法則的一個(gè)Bug？ 有時(shí)候一個(gè)小小的判斷失誤造成的后果是不堪設(shè)想的——比如戰(zhàn)場刻剥，一小點(diǎn)的判斷失誤遮咖，就有可能會(huì)讓成千上萬的將士客死他鄉(xiāng)。
當(dāng)然造虏，事物皆有利弊御吞，我們常用的還是其巧妙和靈活性。說的驚險(xiǎn)刺激一點(diǎn)漓藕，是為了....忽悠你繼續(xù)看下去陶珠。

閉合法則，即：當(dāng)看到復(fù)雜排列的多個(gè)元素時(shí)享钞，大腦傾向于首先接受一個(gè)簡單可識(shí)別的模式揍诽，復(fù)雜模式不會(huì)是大腦的第一選擇；"閉合“也發(fā)生在對(duì)象不完整或部分不封閉的時(shí)候栗竖，就是前面的說過的”腦補(bǔ)“功能暑脆。

舉栗子時(shí)間到：
當(dāng)一個(gè)畫面呈現(xiàn)的內(nèi)容是殘缺的部分信息時(shí)，大腦會(huì)根據(jù)經(jīng)驗(yàn)和理解進(jìn)行補(bǔ)全：

如果我問你上圖寫了哪些數(shù)字狐肢？你一定能夠說出來是1234567

之前有個(gè)很火的小測試添吗，可以說就是利用的閉合法則 ↓

如何讓閉合原理起作用，需要把握一個(gè)“度”份名。如果缺失的部分是很容易補(bǔ)全的碟联，閉合就會(huì)發(fā)生；當(dāng)缺失的太多僵腺，或缺失的形式很難理解鲤孵、需要努力思考，閉合發(fā)生的可能就很小辰如。就像上面的1234567很容易就會(huì)發(fā)生閉合普监，但是下面的小測試，就會(huì)有不同答案發(fā)生。因此鹰椒，在設(shè)計(jì)中，為了讓閉合有效發(fā)生呕童，就要選擇合理的設(shè)計(jì)方案漆际，否則，會(huì)給用戶造成困擾夺饲。
不要讓用戶對(duì)所傳達(dá)的信息產(chǎn)生多種理解奸汇，除非刻意為之。

在現(xiàn)實(shí)中往声，無論如何我們都無法掌握全部情況擂找，因此我們做出的每一個(gè)決定其實(shí)都是在封閉法則的支配下完成的。細(xì)思極恐浩销，我們對(duì)于封閉法則的依賴贯涎，居然如此深重。當(dāng)封閉法則被濫用——故意誤導(dǎo)消費(fèi)者的廣告詞慢洋、中獎(jiǎng)詐騙信息....會(huì)產(chǎn)生很多可怕的后果塘雳。

如果你還沒有意識(shí)到封閉法則的力量，請(qǐng)看一個(gè)視頻普筹，開頭可能會(huì)有點(diǎn)無聊败明，但是請(qǐng)務(wù)必堅(jiān)持看完：World Science Festival 2009: Bobby McFerrin Demonstrates the Power of the Pentatonic Scale

怎么樣？感受如何太防？神奇的很對(duì)不對(duì)妻顶？簡單的幾個(gè)音符，就能控制全場觀眾蜒车。

閉合法則讳嘱，還能讓圖像“動(dòng)起來”：

圖片來源于網(wǎng)絡(luò)，侵刪

最后醇王，再來玩一組腦補(bǔ)小游戲：

• 1呢燥、3、5寓娩、___叛氨、9；
• 有個(gè)人來自山東棘伴，所以他會(huì)開__________寞埠；
• 大河向東流啊，天的上星星參斗北昂缚洹仁连；

怎么樣？閉合法則的力量，遠(yuǎn)超你的想象吧饭冬？

與其他格式塔法則一樣使鹅，掌握基本概念，能夠讓你對(duì)事物的發(fā)生機(jī)制有一個(gè)淺薄的了解昌抠，但是身為設(shè)計(jì)師患朱，要有具備專業(yè)素養(yǎng)，這就要求你必須更加深入的去研究炊苫、學(xué)習(xí)裁厅，全面的理解這些法則的作用——如何讓法則有效的產(chǎn)生作用，或者不產(chǎn)生作用侨艾。

閉合法則很獨(dú)特执虹，它的工作原理能夠向我們展示一些不存在的東西，涉及大腦的經(jīng)驗(yàn)和想象唠梨，閉合法則能夠創(chuàng)造出一種“幻想”袋励，并使我們相信這是真的。很大程度上姻成，我們的觀點(diǎn)插龄、假設(shè)、理解...都是使用閉合法則構(gòu)建的科展。

有一個(gè)很有趣的詞均牢，不知道你可聽說過，叫做——想象共同體才睹。
如果我問你公司是什么東西徘跪？你要怎么來跟我解釋呢？是法人代表琅攘？是董事長垮庐？是這個(gè)辦公樓？是全體工作人員坞琴？.....都不是哨查，又都是。我們的大腦已經(jīng)認(rèn)定了“公司”這個(gè)詞的存在剧辐，只要說出來寒亥，就會(huì)自動(dòng)補(bǔ)全所有信息，但是說到底荧关，公司并不是某個(gè)實(shí)體溉奕，只是我們想象出來的一個(gè)組織，是一個(gè)想象共同體忍啤。這里就不再多說了加勤，有興趣的可以去看看《人類簡史》，可能會(huì)顛覆你對(duì)世界的認(rèn)知。

封閉法則鳄梅，END

這些法則其實(shí)都來自我們憑知覺理解事物的習(xí)慣叠国，因此即使你不知道這些法則，這些法則也會(huì)自動(dòng)被帶入到設(shè)計(jì)工作中戴尸。為了實(shí)現(xiàn)元素之間的區(qū)分和關(guān)聯(lián)煎饼，無論你采取了什么樣的設(shè)計(jì)手法，格式塔原則都會(huì)作為一種基礎(chǔ)機(jī)制存在校赤。

看了這么多法則的介紹，你肯定早就意識(shí)到了一個(gè)問題：不同的原理通惩怖＃可以達(dá)到同樣的效果马篮，但是每個(gè)原理又有其獨(dú)特性，以及不同優(yōu)勢怜奖。作為設(shè)計(jì)師浑测，應(yīng)該努力練習(xí)如何有效的使用這些法則，如果你能夠使用最少的法則實(shí)現(xiàn)設(shè)計(jì)目的歪玲，能用一條就不用三條迁央，就能使設(shè)計(jì)保持“優(yōu)雅”和“隱身”。奧卡姆剃刀原理所說的“如無必要滥崩，勿增實(shí)體”不就是這個(gè)意思么岖圈？

好的設(shè)計(jì)是優(yōu)雅的，并且能夠在無形中影響受眾钙皮。有效的應(yīng)用基礎(chǔ)知識(shí)蜂科，遠(yuǎn)比苦心鉆研一年變?nèi)兊娘L(fēng)格技巧更重要。尤其是對(duì)于交互設(shè)計(jì)師來說短条，有效性極為重要导匣。就像一旦學(xué)會(huì)了砌磚，遇到什么風(fēng)格的墻都不怕茸时，我可以蓋平房贡定，也可以建高樓。

掌握了這些法則可都，你就擁有了一種強(qiáng)大的力量缓待，當(dāng)你有了強(qiáng)大的力量，伴隨而來的是巨大的責(zé)任汹粤，我希望這個(gè)世界變得更美好命斧，希望我們的祖國變得更美好，希望我們作為設(shè)計(jì)師嘱兼，能夠?qū)@美好貢獻(xiàn)出自己力量国葬，承擔(dān)起自己應(yīng)有的責(zé)任。你可以利用這些法則欺騙你的用戶，帶來利益汇四，但你更可以利用這些法則接奈，讓你的工作為世界帶來美好，讓你的工作本身變得專業(yè)有內(nèi)涵通孽，又不失樂趣序宦。

我寫出來的這些內(nèi)容，也只是我自己的理解背苦，是我看了無數(shù)前輩的總結(jié)互捌、學(xué)習(xí)經(jīng)驗(yàn)后的輸出，我并不能十分全面的講解這些法則行剂，我也不想秕噪，授之以魚不如授之以漁，希望你不要局限于任何人所說的任何方法也好厚宰、原則也罷....... 借鑒學(xué)習(xí)自然是必不可少的腌巾，但終究是要變成你自己的東西，讓所有的知識(shí)都變成你自己的工具铲觉，幫你更好的完成工作澈蝙、甚至幫你更好的生活。

我說到的你要知道撵幽，我沒說到的你也要知道灯荧。切記！切記盐杂！切記漏麦！靈活運(yùn)用！

最后的最后：一生二况褪，二生三撕贞，三生萬物。

以上测垛，Over??

Reference：

• Andy Rutledge Gestalt
• Steven Gans, MD, Gestalt Laws of Perceptual Organization
• Wikipedia：Gestalt
• Universal Principles of Design, by William Lidwell, Kritina Holden, and Jill Butler

合法原創(chuàng)內(nèi)容捏膨，禁止以任何形式私自盜用！

圖片也不行食侮！圖片也是我畫的号涯！

盜文盜圖者禿頭！