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