雖然接近性原則是格式塔原理的一種使用方式，是非常簡(jiǎn)單但是極其有效的一種設計策略和技巧，幫助用戶(hù)節省了大量的經(jīng)歷，根據人的認知習慣和心理模式來(lái)構建界面。
人腦是一個(gè)相當出色的數據處理器，背后所蘊藏的功能非常豐富，直到今天都還沒(méi)有得到充分的探索。對于需要對用戶(hù)體驗進(jìn)行設計的設計師而言，了解人的認知能力和背后的機制，對于創(chuàng )建對用戶(hù)友好的產(chǎn)品，非常有幫助。
在諸多認知方式當中，格式塔原理是相當關(guān)鍵的一種，無(wú)論是日常生活還是UX設計當中，都是相當常見(jiàn)的一種認知機制。人們在感知復雜的對象的時(shí)候，會(huì )有意識或者無(wú)意識地將它們納入到一個(gè)有組織的系統當中，而不是簡(jiǎn)單的視作為對象的集合，而這就是格式塔原理的基礎。格式塔原理會(huì )適用到不同層次的認知當中，有的是顯性的，有的則是隱性的，但是最有趣的是可視化的部分，也就是設計師借助這種原理所創(chuàng )造出來(lái)的各種設計。格式塔原理當中涵蓋了許多延伸出來(lái)的規則，今天我們要聊的，是其中的接近性原則。
接近性原則
我們常說(shuō)的接近性原則，指的是對于彼此接近的事物、元素，傾向于認為它們是相關(guān)的一種認知傾向。所以，面對著(zhù)數據，我們會(huì )將數據和不同的對象按照各種將它們分組，組織到一起。對于設計師而言，這是一種非常有效的思路：如何按照大腦吸收消化數據的自然方式來(lái)組織信息。Andy Rutledge 是這樣用可視化的方式將接近性原則呈現了出來(lái)：
值得注意的是，通過(guò)研究和實(shí)驗驗證，接近性原則中距離的接近，比起色彩和形狀的近似，更容易被人所認知。即使是特征完全不同的元素，只要它們足夠靠近，人們也更加傾向于認為這些元素是相關(guān)的，就像下面的案例。
在包含大量不同內容的用戶(hù)界面當中，接近性原則對于整個(gè)布局設計是有極大幫助的。合理運用接近性原則能夠讓用戶(hù)更輕松地獲取信息，感知內容。很多時(shí)候，用戶(hù)并沒(méi)有準備好花費時(shí)間來(lái)學(xué)習復雜的界面，可以快速被感知和識別的信息，能更好的留住用戶(hù)。在此之后，才能讓用戶(hù)真正享受到網(wǎng)站或者APP給他們帶來(lái)的便利。這個(gè)邏輯是很清晰的。
一般而言，我們認為接近性原則在UI界面當中，有兩個(gè)應用方向：一是應用于排版和文案等元素和內容，另一個(gè)是不同的內容區塊和控件區塊。接下來(lái)所說(shuō)的案例，會(huì )用到之前Tubik 團隊的設計和產(chǎn)品。
排版和文本
接近性原則在排版和文案當中著(zhù)相當廣泛的應用，甚至可以說(shuō)是必須用到的規則。想要確保文本能夠被快速地閱讀，每行文本的長(cháng)度，間距，段落的篇幅，空間距離的控制都會(huì )對其有所影響，就像讀者通常不會(huì )接受橫排超長(cháng)的排版。同樣的，絕大多數的用戶(hù)在網(wǎng)頁(yè)上快速掃描的時(shí)候，會(huì )迅速地查看標題、副標題、高亮內容和關(guān)鍵詞等因素，在對內容感興趣的時(shí)候，才會(huì )點(diǎn)擊鏈接查看更多。這就是為什么設計師會(huì )盡量選擇可以快速感知且符合美學(xué)的界面設計。
留白通常也被稱(chēng)為負空間，它也在排版布局過(guò)程中扮演著(zhù)重要的角色。留白不僅可以強化排版布局的呼吸感，而且能夠用來(lái)區分不同的分組和區塊。
對于大塊的文本內容，設計師可以用不同的方式來(lái)進(jìn)行處理。比如設計師可以用留白來(lái)區分不同的段落，讓用戶(hù)在區分段落的情況下更好地理解其中的內容。根據接近性原則，靠近的內容會(huì )表達相近的意思，傳遞統一的想法，這樣一來(lái)，通過(guò)留白，段落和段落之間有了區分，內容也就更加結構化了。
這是一個(gè)建筑博客的界面概念設計。整個(gè)界面是按照接近性原理來(lái)進(jìn)行構建的，這也使得整個(gè)設計有了層次。首先，不同的文本被集中成小塊，各自呈現出不同的信息。其次，每一小塊內容都靠近了相關(guān)的圖像，即使用戶(hù)是快速掃視，也能明白其中的相關(guān)性，從而更輕松的理解含義。而CTA按鈕和鏈接等元素則和文本元素相對距離較遠，但是又包含在同一個(gè)內容區塊內，以此來(lái)呈現關(guān)系。設計師通過(guò)這樣的布局設計，激活了布局內各個(gè)不同的功能區域，使得它們在結構上足夠協(xié)調清晰，保持著(zhù)和諧的感覺(jué)。所有的文本區塊都是圍繞著(zhù)主題來(lái)設計，用戶(hù)可以一目了然地獲取信息。
這種設計方法還能延伸到目錄和列表的設計上去。因為接近性原則還是組織信息群組和區塊的高效工具。
舉個(gè)例子，看看 Slopes 這個(gè)網(wǎng)站。頂部頁(yè)頭的幾個(gè)鏈接關(guān)系著(zhù)網(wǎng)站導航交互，它們被放置在一起，距離其他元素也很遠，很明顯是一組。而從側面展開(kāi)的漢堡菜單也類(lèi)似，不同的鏈接互相靠近，組成不同的組。根據接近性原則，負空間增強了頁(yè)面的視覺(jué)層次結構。
內容區塊和控件
接近性原則的使用還可以延伸到布局當中已經(jīng)組織好的內容區塊和控件上，它們可以不止是文本，還能是圖像，鏈接，圖標，控件和CTA元素，卡片，甚至其他的東西。設計師可以利用接近性原則組織出更加貼近人的認知體系的設計。
以下面這個(gè)在線(xiàn)的珠寶購物APP為例，右邊的屏幕可以顯示產(chǎn)品卡片，其中包含了相關(guān)的一般數據，包括顏色、寬度、重量和材質(zhì)等，通過(guò)相互靠近和線(xiàn)條的分割，從而讓人輕松分辨出清晰的分組，底部的文本內容也自然而然地被視之為一個(gè)統一的內容片段。用戶(hù)一瞥就能看清哪些是關(guān)鍵的數據，哪些是詳細描述。
這個(gè)在線(xiàn)雜志的布局也是一個(gè)不錯的例子，同樣是倚靠接近性原則來(lái)實(shí)現清晰的布局。首先，整個(gè)網(wǎng)站的布局是嚴格按照網(wǎng)格系統來(lái)排布的，并沒(méi)有可見(jiàn)的線(xiàn)條框架來(lái)區分內容。接近性原則讓用戶(hù)能夠一眼區分整個(gè)頁(yè)面的大體布局，頂部的導航鏈接明顯是一組，左側的列表條目都相互接近，是明顯的一組，而右側占據主要位置的文本內容則和標題非?？拷?，它們構成了頁(yè)面的內容主體。右上角的搜索和訂閱是相對次要的功能，但是也因其獨特的功能性，被分為一組。這種策略讓整個(gè)布局更加易于瀏覽，直觀(guān)，且易于導航。
雖然接近性原則是格式塔原理的一種使用方式，是非常簡(jiǎn)單但是極其有效的一種設計策略和技巧，幫助用戶(hù)節省了大量的經(jīng)歷，根據人的認知習慣和心理模式來(lái)構建界面。
