【設(shè)匯主義】格式塔原理與設(shè)計(jì)心理學(xué)

2014-10-28    藍(lán)藍(lán)設(shè)計(jì)的小編

設(shè)計(jì),不僅需要非同一般的創(chuàng)意,更需要默默的積累與學(xué)習(xí)。

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

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

圖形與背景

Logo:Sony Walkman (via Wikipedia)

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

這正是格式塔原理在“圖形-背景”這一關(guān)系中的體現(xiàn),根據(jù)格式塔原理,當(dāng)某個(gè)較小的圖形被一個(gè)更大且格式一致的圖形圍繞時(shí),在視覺(jué)上會(huì)給觀看者一種“較小的圖形更為靠前,并具有封閉性”的印象。當(dāng)然,你也可以通過(guò)一些改變,來(lái)造成完全相反的印象。請(qǐng)?jiān)囍殉壬谋尘跋胂蟪梢粡埣?,而字母W和圓點(diǎn)則是從紙上剔除的部分。你盡可以如此想象,但這樣的方式會(huì)讓人覺(jué)得這個(gè)圖案極為不自然。

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

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

接近律

Logo:IBM (via Wikipedia)

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

Logo:IBM的希伯來(lái)語(yǔ)版本 (via Logodesignlove)

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

相似律

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

Logo:當(dāng)代藝術(shù)博物館

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

當(dāng)你觀看這個(gè)logo時(shí),很可能會(huì)把這三個(gè)彩色的幾何圖形看成一個(gè)整體,盡管它們并非彼此緊密相連,而C卻會(huì)被排除在它們之外。如果硬要把正方形和圓形看成一組,把字母C和三角形看成是另一組的話,將會(huì)非常費(fèi)力,雖然這樣的歸類方式似乎更為符合邏輯。這是因?yàn)楦袷剿碇械摹跋嗨坡伞保╬rinciple of similarity)在起作用。

連續(xù)律

Logo:Dictionary.com

格式塔中的連續(xù)律(principle of continuance )認(rèn)為,人們往往傾向于使知覺(jué)對(duì)象的直線繼續(xù)成為直線,使曲線繼續(xù)成為曲線。這就是為什么當(dāng)呈現(xiàn)Dictionary.com網(wǎng)站的logo時(shí),幾乎每個(gè)人都會(huì)把它看成是一個(gè)帶有五條放射線的近似圓形(partial circle)。當(dāng)把一個(gè)圓形切割成若干曲線時(shí),人們依然會(huì)默認(rèn)為它們屬于同一個(gè)圓形,因?yàn)槔碚撋纤鼈冄由煜氯ケ銜?huì)再度恢復(fù)成圓形。而放射線無(wú)法連接成圓形,它們只是與圓形組成不同的角度。

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

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

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

閉合律

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

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

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

Logo:FedEx

分享本文至:

日歷

鏈接

個(gè)人資料

存檔