格式塔基本原則

2012-5-29    藍藍設計的小編

轉載藍藍設計(  bouu.cn )是一家專注而深入的設計機構 ,為期望卓越的國內外企業(yè)提供有效的   BS界面設計 、  cs界面設計 、  ipad界面設計  、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、  網站建設 、平面設計服務

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

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

 

點擊查看原圖

格式塔是德文“Gestalt”的譯音,意思是“完形”,即具有不同部分分離特性的有機整體。這種整體性應用于心理學中,產生了格式塔心理學,在國內又稱作“完形心理學”。

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

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

 

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

 

點擊查看原圖

 

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

 

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

 

點擊查看原圖

 

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

點擊查看原圖

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

 

點擊查看原圖

 

 

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

 

點擊查看原圖

 

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

 

點擊查看原圖

 

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

 

點擊查看原圖

 

 

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

 

點擊查看原圖

 

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

 

點擊查看原圖

 

Path和Facebook的app界面,即使右側只顯示一小部分內容,而用戶卻能感知到后面更多的內容,并能將導航和內容輕易的聯系起來

 

點擊查看原圖

 

 

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

日歷

鏈接

個人資料

藍藍設計的小編 http://bouu.cn

存檔