早在20世紀(jì)早期，一個(gè)由德國(guó)心理學(xué)家組成的研究小組試圖解釋人類視覺的工作原理。他們觀察了許多重要的視覺現(xiàn)象并編訂了目錄。格式塔理論明確地提出：眼腦作用是一個(gè)不斷組織、簡(jiǎn)化、統(tǒng)一的過程，正是通過這一過程，才產(chǎn)生出易于理解、協(xié)調(diào)的整體。我們的視覺系統(tǒng)自動(dòng)對(duì)視覺輸入構(gòu)建結(jié)構(gòu)，并且在神經(jīng)系統(tǒng)層面上感知形狀，圖形和物體，而不是只看到互不相連的邊,線和區(qū)域。“形狀”和“圖形”在德語(yǔ)中是“Gestalt”，因此這些理論也被稱為視覺感知的格式塔（Gestalt）原理。

接近法則是格式塔理論中最為我們所熟知的，也是我們最常用到的一項(xiàng)法則。說的是物體之間的相對(duì)距離會(huì)影響我們感知它們是否以及如何在一起。相對(duì)于其它物體來說，彼此之間靠近的物體看起來屬于一組。越接近，組合在一起的可能性就越大，強(qiáng)調(diào)的是位置。如下圖（圖1），我們?cè)谝庾R(shí)中會(huì)將其分為兩組。

圖1

接近原則被廣泛應(yīng)用于頁(yè)面內(nèi)容的組織，以及分組設(shè)計(jì)中。對(duì)于引導(dǎo)用戶的視覺流及方便用戶對(duì)界面的解讀起到非常重要的作用，通過接近原則對(duì)同類內(nèi)容進(jìn)行分組，同時(shí)留下間距，會(huì)給用戶的視覺以秩序和合理的休憩。 設(shè)計(jì)者們經(jīng)常使用分組框或分割線將屏幕上的控件和數(shù)據(jù)顯示分隔開，如圖2、圖3。

圖2

圖3

除了接近法則之外，還有很多重要的原則你知道嗎？接下來我將逐一向大家介紹。

相似原則：

相似，聽起來跟接近非常類似，但是他們確實(shí)是不同的兩個(gè)概念。接近強(qiáng)調(diào)位置，而相似則強(qiáng)調(diào)內(nèi)容。人們通常把那些明顯具有共同特性(如形狀、大小、顏色等)的事物組合在一起，即相似的部分在知覺中會(huì)形成若干組。在圖4中，我們會(huì)將黑帽子蛋和紅帽子蛋自然的分成兩組。

圖4

在頁(yè)面設(shè)計(jì)中分類使用文本、顏色、圖像等，可以更好的區(qū)分各個(gè)模塊和內(nèi)容。如下圖（圖5）中雅虎讀書導(dǎo)航，通過相似原則我們很容易的將一級(jí)導(dǎo)航和二級(jí)導(dǎo)航區(qū)分開來。

圖5

換一個(gè)角度來思考，顏色的變化很清楚的區(qū)分了不同的內(nèi)容，相似中的逆向思維是獲取焦點(diǎn)的好方法。這種方法在導(dǎo)航和強(qiáng)調(diào)部分信息的設(shè)計(jì)上有著廣泛地應(yīng)用，如圖6。

圖6

封閉原則：

當(dāng)元素不完整或者不存在的時(shí)候，依然可以被人們所識(shí)別。根據(jù)過去以往的經(jīng)驗(yàn)和視知覺的整體意愿驅(qū)使，我們習(xí)慣性的將圖形作為一個(gè)整體去觀看，于是我們?cè)谀X袋里將缺少的形狀補(bǔ)充進(jìn)去之后，便形成最終我們識(shí)別出來的圖形效果。如下圖（圖7），沒有三角形和圓，但是在我們心理模型中填充缺失的信息，創(chuàng)建我們熟知的形狀和圖形。

圖7

標(biāo)簽： 交互設(shè)計(jì)法則 交互設(shè)計(jì) 產(chǎn)品設(shè)計(jì)原則 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。