你是否曾經(jīng)觀察過天空，注意到一團(tuán)不同尋常的云，像一個(gè)熟悉的動(dòng)物或物體?你有沒有想過，為什么或者如何通過觀察一團(tuán)蓬松的氣體來建立這種聯(lián)系?這都是因?yàn)槟愕拇竽X運(yùn)作方式! 你的大腦總是試圖通過比較以前的經(jīng)驗(yàn)或視覺模式來理解這個(gè)世界，并把這些點(diǎn)連接起來。它有自己的“怪異”方式來感知形狀和形式，分組信息，填補(bǔ)空白，繪制大圖。

了解你的大腦如何工作將有助于你成為一個(gè)更聰明的設(shè)計(jì)師，掌握視覺溝通的操縱者。它可以幫助你確定在任何特定情況下哪些視覺元素是最有效的，因此你可以利用它們來影響用戶的感知、引導(dǎo)他們的注意力，并最終引起行為的改變。這個(gè)方法對(duì)于以完成目標(biāo)為導(dǎo)向、解決問題、無意識(shí)設(shè)計(jì)、用戶界面的設(shè)計(jì)上都格外有用。

“偉大的設(shè)計(jì)師理解心理學(xué)在視覺感知中的強(qiáng)大作用。當(dāng)別人的目光與你的設(shè)計(jì)創(chuàng)作相遇時(shí)，會(huì)發(fā)生什么?他們對(duì)你所分享的信息有什么反應(yīng)?”

 - Autodesk品牌內(nèi)容策劃師Laura Busche

現(xiàn)在很清楚，視覺設(shè)計(jì)和心理是相互聯(lián)系的，并且可以相互影響。格式塔原則可以幫助我們理解和控制這些聯(lián)系。

什么是格式塔?

格式塔(德式造型)是20世紀(jì)20年代由德國(guó)心理學(xué)家提出的一組視覺知覺原理。它建立在“一個(gè)有組織的整體，被認(rèn)為大于其各部分之和”的理論基礎(chǔ)上。

“整體不是各部分之和。”

– 庫爾托夫卡

格式塔原則試圖描述當(dāng)某些條件適用時(shí)，人們是如何看待視覺元素的。它們是建立在四個(gè)關(guān)鍵思想的基礎(chǔ)上的：

出現(xiàn)

人們傾向于通過物體的粗略輪廓來識(shí)別它們。相較于一個(gè)細(xì)節(jié)豐富的物體，我們的大腦能更快的識(shí)別一個(gè)簡(jiǎn)明清晰的物體。

物化

人們可以識(shí)別物體，即使它們有部分缺失。我們的大腦將我們所看到的東西與記憶中的熟悉模式相匹配，并填補(bǔ)空白。

多穩(wěn)定性

人們常常會(huì)用不止一種方式來解釋模棱兩可的事物。我們的大腦會(huì)在尋找確定性的選擇之間來回穿梭。因此，一種視角將變得更加主導(dǎo)，而另一種視角將變得更難看到。

不變性

人們?cè)谧R(shí)別簡(jiǎn)單物體時(shí)，不會(huì)受到它被旋轉(zhuǎn)、縮放、變形的干擾。我們的大腦可以從不同的角度感知物體，盡管它們的外觀不同。

以下是格式塔原則，它可以為今天的UI設(shè)計(jì)提供參考。

鄰近

排列在彼此之間的鄰近元素被認(rèn)為比那些放置得更遠(yuǎn)的元素更相關(guān)。這樣，不同的元素主要被看作是一個(gè)組，而不是單個(gè)的元素。

鄰近原則如何適用于UI設(shè)計(jì)?

我們可以在UI設(shè)計(jì)中使用鄰近原則來分組相似的信息，組織內(nèi)容和整理布局。它的正確使用將對(duì)視覺交流和用戶體驗(yàn)產(chǎn)生積極的影響。

如原則所述，相關(guān)的項(xiàng)目應(yīng)該保持緊密的聯(lián)系，而不相關(guān)的項(xiàng)目應(yīng)該保持更遠(yuǎn)的距離。白色的空間在這里起著至關(guān)重要的作用，因?yàn)樗鼊?chuàng)造了對(duì)比，引導(dǎo)用戶的眼睛朝著預(yù)期的方向看�？瞻卓梢栽鰪�(qiáng)視覺層次結(jié)構(gòu)和信息流，便于閱讀和瀏覽布局。它將幫助用戶更快地實(shí)現(xiàn)他們的目標(biāo)，并深入研究?jī)?nèi)容。

我們幾乎可以在任何地方應(yīng)用鄰近原則，從導(dǎo)航、卡片、圖庫和橫幅到列表、正文和分頁。

共同區(qū)域

與鄰近原則類似，將放置在同一區(qū)域內(nèi)的元素被視為分組。