格式塔基本原則

2012-5-29    藍(lán)藍(lán)設(shè)計的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(  sillybuy.com )是一家專注而深入的設(shè)計機(jī)構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、  cs界面設(shè)計 、  ipad界面設(shè)計  、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、  網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源:http://chinaui.com/Knowledge/20120522/14021205220002.shtml

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,          請點(diǎn)這里

 

點(diǎn)擊查看原圖

格式塔是德文“Gestalt”的譯音,意思是“完形”,即具有不同部分分離特性的有機(jī)整體。這種整體性應(yīng)用于心理學(xué)中,產(chǎn)生了格式塔心理學(xué),在國內(nèi)又稱作“完形心理學(xué)”。

格式塔心理學(xué)派斷言:人們在觀看時眼腦共同作用,并不是在一開始就區(qū)分一個形象的各個單一的組成部分,而是將各個部分組合起來,使之成為一個更易于理解的統(tǒng)一體。當(dāng)一個格式塔中國包含了太多互不相關(guān)的單位,眼腦就會試圖將其簡化,把各個單位加以組合,使之成為知覺上易于理解的整體。

格式塔理論明確地提出:眼腦作用是一個不斷組織、簡化、統(tǒng)一的過程,正是通過這一過程,才產(chǎn)生出易于理解、協(xié)調(diào)的整體。由此產(chǎn)生出了格式塔的一些基本原則(適用于布局和界面設(shè)計):

 

接近原則  強(qiáng)調(diào)的是位置。根據(jù)接近程度而組合一起。越接近,組合在一起的可能性就越大。如下圖,我們更傾向于把它看成左右倆個整體來感知。

 

點(diǎn)擊查看原圖

 

在設(shè)計中,接近原則被應(yīng)用于很多地方。通過接近原則對同類內(nèi)容進(jìn)行分組,同時留下間距,給用戶的視覺以秩序和合理的休憩。點(diǎn)擊查看原圖

 

相似原則  強(qiáng)調(diào)的是內(nèi)容。人們通常把那些明顯具有共同特性(如形狀、大小、顏色等)的事物組合在一起,即:相似的部分在知覺中會形成若干組。下圖中,根據(jù)形狀,我們將其看成圓形和方形;根據(jù)大小,我們又可將方形看成大方塊和小方塊;根據(jù)顏色,我們可以將圓形看成紅色和綠色兩個整體。

 

點(diǎn)擊查看原圖

 

設(shè)計中使用近似的文本、顏色、圖像和留白等,可以更好的區(qū)分各個模塊。如下圖中迅雷會員導(dǎo)航,通過相似原則我們很容易的將一級導(dǎo)航和二級導(dǎo)航區(qū)分開來。

點(diǎn)擊查看原圖

收件箱中,將未讀郵件文字加粗以區(qū)分已讀郵件,也是充分利用了相似原則。

 

點(diǎn)擊查看原圖

 

 

閉合原則  瀏覽者心理的一種推論傾向,即把一種不連貫的有缺口的圖形盡可能在心理上使之趨合?;蛘哒f瀏覽者傾向于從視覺上封閉那些開放或未完成的輪廓。如下圖,沒有三角形和圓,但是在我們心理模型中填充缺失的信息,創(chuàng)建我們熟知的形狀和圖形。

 

點(diǎn)擊查看原圖

 

設(shè)計中通過不完整的圖形,讓瀏覽者去閉合,可以吸引用戶的興趣和關(guān)注。最著名的應(yīng)用便是蘋果公司的logo,咬掉的缺口喚起人們的好奇、疑問,給人巨大想象空間。

 

點(diǎn)擊查看原圖

 

下圖Google搜索結(jié)果的預(yù)覽,過長的頁面進(jìn)行撕裂處理,瀏覽者依然把它看成是一個頁面,而且還是一個很長的頁面。

 

點(diǎn)擊查看原圖

 

 

連續(xù)原則  和閉合原則有些類似。以實物形象上的不連續(xù)使瀏覽者產(chǎn)生心理上的連續(xù)知覺??吹絘圖,瀏覽者會認(rèn)為是一個綠色條和一個紅色相交,而事實卻是b圖。

 

點(diǎn)擊查看原圖

 

輪播圖巧妙應(yīng)用連續(xù)原則,雖然看見的是一張圖片,但在瀏覽者心理感覺卻是很多連續(xù)的圖片進(jìn)行輪換。

 

點(diǎn)擊查看原圖

 

Path和Facebook的app界面,即使右側(cè)只顯示一小部分內(nèi)容,而用戶卻能感知到后面更多的內(nèi)容,并能將導(dǎo)航和內(nèi)容輕易的聯(lián)系起來

 

點(diǎn)擊查看原圖

 

 

關(guān)于格式塔的原則還有很多,被應(yīng)用于心理學(xué)、哲學(xué)、美學(xué)和科學(xué)的任何領(lǐng)域。以上通過圖文方式只講解了幾個基本原則和自己的一些理解,希望感興趣的童鞋可以交流學(xué)習(xí)下。。。

分享本文至:

日歷

鏈接

個人資料

存檔