接近原則被廣泛應(yīng)用于頁(yè)面內(nèi)容的組織,以及分組設(shè)計(jì)中。對(duì)于引導(dǎo)用戶(hù)的視覺(jué)流及方便用戶(hù)對(duì)界面的解讀起到非常重要的作用,通過(guò)接近原則對(duì)同類(lèi)內(nèi)容進(jìn)行分組,同時(shí)留下間距,會(huì)給用戶(hù)的視覺(jué)以秩序和合理的休憩。 設(shè)計(jì)者們經(jīng)常使用分組框或分割線(xiàn)將屏幕上的控件和數(shù)據(jù)顯示分隔開(kāi),如下圖。
![2 2](https://image.woshipm.com/wp-files/2013/02/980a8696f1d50b745ec47d9b4ffd43d1.jpg)
![3 3](https://image.woshipm.com/wp-files/2013/02/6e51b3f6439124509f8a8d5c5e4ac9bc.jpg)
除了接近法則之外,還有很多重要的原則你知道嗎?接下來(lái)我將逐一向大家介紹。
相似原則:
相似,聽(tīng)起來(lái)跟接近非常類(lèi)似,但是他們確實(shí)是不同的兩個(gè)概念。接近強(qiáng)調(diào)位置,而相似則強(qiáng)調(diào)內(nèi)容。人們通常把那些明顯具有共同特性(如形狀、大小、顏色等)的事物組合在一起,即相似的部分在知覺(jué)中會(huì)形成若干組。在下圖中,我們會(huì)將黑帽子蛋和紅帽子蛋自然的分成兩組。
![4 4](https://image.woshipm.com/wp-files/2013/02/efb43354ee08f3af1142d1f9e0323628.jpg)
在頁(yè)面設(shè)計(jì)中分類(lèi)使用文本、顏色、圖像等,可以更好的區(qū)分各個(gè)模塊和內(nèi)容。如下圖中雅虎讀書(shū)導(dǎo)航,通過(guò)相似原則我們很容易的將一級(jí)導(dǎo)航和二級(jí)導(dǎo)航區(qū)分開(kāi)來(lái)。
![5 5](https://image.woshipm.com/wp-files/2013/02/27f5ff9b5c9d396cf065873c050b3f01.jpg)
換一個(gè)角度來(lái)思考,顏色的變化很清楚的區(qū)分了不同的內(nèi)容,相似中的逆向思維是獲取焦點(diǎn)的好方法。這種方法在導(dǎo)航和強(qiáng)調(diào)部分信息的設(shè)計(jì)上有著廣泛地應(yīng)用,如下圖。
![6 6](https://image.woshipm.com/wp-files/2013/02/91e9de3da93165c332e3d66e2b6f263d.jpg)
封閉原則:
當(dāng)元素不完整或者不存在的時(shí)候,依然可以被人們所識(shí)別。根據(jù)過(guò)去以往的經(jīng)驗(yàn)和視知覺(jué)的整體意愿驅(qū)使,我們習(xí)慣性的將圖形作為一個(gè)整體去觀(guān)看,于是我們?cè)谀X袋里將缺少的形狀補(bǔ)充進(jìn)去之后,便形成最終我們識(shí)別出來(lái)的圖形效果。如下圖,沒(méi)有三角形和圓,但是在我們心理模型中填充缺失的信息,創(chuàng)建我們熟知的形狀和圖形。
![7 7](https://image.woshipm.com/wp-files/2013/02/e86e92badb41b9562cf0b926b940538d.jpg)
封閉原則常被應(yīng)用于圖形界面和頁(yè)面設(shè)計(jì)中,例如:在頁(yè)面中經(jīng)常會(huì)用堆疊的形式表示對(duì)象的集合,只要顯示一個(gè)完整的對(duì)象和其“背后”對(duì)象的一角就足以讓用戶(hù)感知到這是由一疊對(duì)象構(gòu)成的整體,如下圖所示。
![8 8](https://image.woshipm.com/wp-files/2013/02/f690a8ee93534b2d9e9b60967dc0a794.jpg)
連續(xù)原則:
與封閉性相關(guān)的是連續(xù)原則,連續(xù)原則說(shuō)的是我們的視覺(jué)傾向于感知連續(xù)的形式而不是零散的碎片。在圖形設(shè)計(jì)中,使用了連續(xù)原則的一個(gè)最廣為人知的例子就是IBM的標(biāo)志。它由非連續(xù)性的藍(lán)色塊組成,但一點(diǎn)也不含糊,我們很容易就能識(shí)別出三個(gè)粗體字母,就像透過(guò)百葉窗看到的效果一樣,見(jiàn)圖9。
![9 9](https://image.woshipm.com/wp-files/2013/02/a2cc1a6d4daaf2877310476ce4f766c4.jpg)
關(guān)于格式塔的原則還有很多,而且可以復(fù)合使用。在我們?cè)O(shè)計(jì)了一個(gè)東西之后,可以試著使用格式塔原理來(lái)考量一下自己各個(gè)設(shè)計(jì)元素之間的關(guān)系是否復(fù)合設(shè)計(jì)的初衷。希望通過(guò)對(duì)格式塔原始理論的介紹可以給大家?guī)?lái)一些啟發(fā)
![10 10](https://image.woshipm.com/wp-files/2013/02/9ef49cafd33b4ff2ed2be9991d407462.jpg)
來(lái)源:http://www.leiphone.com/pank-6.html