部分+部分≠整體？Logo設(shè)計(jì)中的心理騙術(shù)

轉(zhuǎn)載贊4 收藏4 評(píng)論

舉報(bào) 2014-09-23

掃描,分享朋友圈

來(lái)源：視覺(jué)中國(guó)

“格式塔”（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í)上這條線并不存在。