格式塔原理與設(shè)計心理學(xué)

2 評論 26311 瀏覽 16 收藏 9 分鐘

“格式塔”(gestalt)在設(shè)計中是一個被廣泛使用的字眼。它來源于德語,意思是“形式”或“形狀”,一般用來描述整體大于部分之和這一現(xiàn)象。在心理學(xué)上,“格式塔原理”則是我們從整體上感知視覺對象的一些基本法則。

當(dāng)我們要構(gòu)建有意義的視覺圖形時,這些法則可能發(fā)揮關(guān)鍵作用–在設(shè)計logo時尤其如此。為了幫助你更好地了解和利用格式塔原理,我撰寫了這篇針對設(shè)計師的速成資料。希望它對你有用!


圖形與背景
?

Logo:Sony Walkman (via Wikipedia)

 

當(dāng)我們看到索尼 Walkman的logo時(上圖),我們看到的不僅僅是一個由黃白兩色構(gòu)成的單調(diào)圖形,雖然從技術(shù)層面來講它的確只是一個圖形。正相反,大多數(shù)觀看者會感覺到這個logo的層次:我們會看到具象的圖案(字母W和躍動的點)以及似乎是襯托于圖案之后的背景。

這正是格式塔原理在“圖形-背景”這一關(guān)系中的體現(xiàn),根據(jù)格式塔原理,當(dāng)某個較小的圖形被一個更大且格式一致的圖形圍繞時,在視覺上會給觀看者一種“較小的圖形更為靠前,并具有封閉性”的印象。當(dāng)然,你也可以通過一些改變,來造成完全相反的印象。請試著把橙色的背景想象成一張紙,而字母W和圓點則是從紙上剔除的部分。你盡可以如此想象,但這樣的方式會讓人覺得這個圖案極為不自然。

請注意,當(dāng)環(huán)繞的圖形格式不再一致時,圖形-背景的主次區(qū)別也將不復(fù)存在。下面的這款圖形看起來更像是一整塊布滿馬賽克的平面,而不再有前景與背景之分。

?

格式塔原理與設(shè)計心理學(xué)

當(dāng)外部的大圖形失去一致性時,原先頗具迷惑性的層次感也消失不見了



接近律
?

格式塔原理與設(shè)計心理學(xué)

Logo:IBM (via Wikipedia)

 

當(dāng)我們觀察IBM的logo時,大多數(shù)人看到的是由間隔的平行短線組成的三個字母,而不會把每個字母看成是被隔開的8條短線。是什么造成了這種現(xiàn)象?部分的原因是幾乎每個人都認(rèn)識I,B,M,這三個字母,但這并非是全部原因。下面的這個logo是IBM的希伯來語版本,但我敢打賭,即便你看不懂希伯來語的字母表,你也依然能辨認(rèn)得出logo中的字母。

格式塔原理與設(shè)計心理學(xué)

Logo:IBM的希伯來語版本 (via Logodesignlove)

 

這種現(xiàn)象其實可以用格式塔原理中的一個簡單的法則來解釋,那就是接近律(principle of proximity)。在一系列的元素(如線條)中,人類傾向于把接近的元素歸為一個整體。在IBM的logo中,與各字母頂端長短不一的短線相比,構(gòu)成I的短線更為密集,字母I,B,M之間的間隙也較大,其結(jié)果就是我們會把I而不是字母頂端的短線看成是一個整體。



相似律

正如我們傾向于把距離相近的元素歸為一個整體一樣,我們也傾向于把外形近似的元素歸為一組,無論這種近似是色彩,陰影還是形狀上的。
?

格式塔原理與設(shè)計心理學(xué)
Logo:當(dāng)代藝術(shù)博物館

 

位于洛杉磯的當(dāng)代藝術(shù)博物館(MOCA)就是一個有趣的例子。在這個logo中,只有C是個規(guī)范的字母,在本該是字母M,O和A的位置上卻只有三個幾何圖形:一個正方形,一個圓形和一個三角形。

當(dāng)你觀看這個logo時,很可能會把這三個彩色的幾何圖形看成一個整體,盡管它們并非彼此緊密相連,而C卻會被排除在它們之外。如果硬要把正方形和圓形看成一組,把字母C和三角形看成是另一組的話,將會非常費力,雖然這樣的歸類方式似乎更為符合邏輯。這是因為格式塔原理中的“相似律”(principle of similarity)在起作用。

連續(xù)律

格式塔原理與設(shè)計心理學(xué)Logo:Dictionary.com

 

格式塔中的連續(xù)律(principle of continuance )認(rèn)為,人們往往傾向于使知覺對象的直線繼續(xù)成為直線,使曲線繼續(xù)成為曲線。這就是為什么當(dāng)呈現(xiàn)Dictionary.com網(wǎng)站的logo時,幾乎每個人都會把它看成是一個帶有五條放射線的近似圓形(partial circle)。當(dāng)把一個圓形切割成若干曲線時,人們依然會默認(rèn)為它們屬于同一個圓形,因為理論上它們延伸下去便會再度恢復(fù)成圓形。而放射線無法連接成圓形,它們只是與圓形組成不同的角度。

但這個圖形還有另外的闡釋方式。腦部受到創(chuàng)傷的人,或偏偏不以正常的“連續(xù)律”認(rèn)知的人或許會說:這是一個對勾,其一側(cè)向右彎曲,并且與一個帶四條放射線的類似C的圖形連成一體—如下圖所示。

格式塔原理與設(shè)計心理學(xué)

失去連續(xù)律的Dictionary.com logo

 

如果沒有連續(xù)律,人們看待Dictionary.com logo的方式或許也會不同。


閉合律

人類的心理不喜歡有頭無尾的東西。當(dāng)我們看到一件未完成的圖形時,我們傾向于“完成”它,即便只是在想象中。這便是格式塔原理中的“閉合律”(principle of closure)。

許多世界知名的logo都利用了閉合律,以最少的線條便達到了最生動的效果。以世界野生生物基金會(World Wildlife Fund)的標(biāo)志為例。在這個標(biāo)志中,我們會“感知”到熊貓腦袋上的那道曲線,雖然事實上這條線并不存在。


?

格式塔原理與設(shè)計心理學(xué)
Logo:世界野生生物基金會

 

或許閉合律最有名的例子是 FedEx的logo中那個“隱蔽”的箭頭。這個箭頭并沒用動用任何線條,而是巧妙第利用了字母E和字母X的輪廓。

格式塔原理與設(shè)計心理學(xué)
Logo:FedEx

 

本文轉(zhuǎn)載自:視覺中國

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 為什么圖片無法顯示?

    來自上海 回復(fù)
  2. [擠眼]

    來自廣東 回復(fù)