解讀格式塔理論及相關(guān)設(shè)計(jì)原則

0 評論 1470 瀏覽 2 收藏 17 分鐘

心理學(xué)在視覺感知中所起到的強(qiáng)大作用,而格式塔是一種心理學(xué)運(yùn)動(dòng)。本文將分享格式塔背后的基本原理,共同探索視覺刺激。

偉大的設(shè)計(jì)師都非常清楚地知曉,心理學(xué)在視覺感知中所起到的強(qiáng)大作用。

當(dāng)觀眾對你的設(shè)計(jì)創(chuàng)作感到滿意時(shí),會(huì)有什么反應(yīng)?他們對你的作品分享的信息有什么反應(yīng)?作為業(yè)余或?qū)I(yè)設(shè)計(jì)師,重要的是你能回答出這些問題來。

了解設(shè)計(jì)如何被感知和解讀,是視覺傳播者身上必須具備的重要素養(yǎng)。如果我們不了解背后的驅(qū)動(dòng)力,我們不可能用我們的設(shè)計(jì)來影響人類的看法。

格式塔是一種心理學(xué)運(yùn)動(dòng),在本文中,我將分享格式塔背后的基本原理。它幫助我們了解到,觀眾是如何理解我們?yōu)樗麄冊O(shè)計(jì)的視覺刺激。

一、什么是格式塔?

“格式塔”這個(gè)詞是德語,字面意思是統(tǒng)一的圖案、圖形、形式或結(jié)構(gòu)。格式塔心理學(xué)是一種在20世紀(jì)20年代在柏林興起的運(yùn)動(dòng),旨在理解我們的大腦是如何以整體形式感知事物的,而不是個(gè)體的元素。

格式塔心理學(xué)最重要的觀點(diǎn)就是:

“在心理現(xiàn)象中,人們對客觀對象的感受源于整體關(guān)系而非具體元素,也就是說知覺不是感覺元素的總和而是一個(gè)統(tǒng)一的整體,部分之和不等于整體,因此整體不能分割;

整體先于元素,局部元素的性質(zhì)是由整體的結(jié)構(gòu)關(guān)系決定的。這是因?yàn)槿祟悓τ谌魏我曈X圖像的認(rèn)知,是一種經(jīng)過知覺系統(tǒng)組織后的形態(tài)與輪廓,而并非所有各自獨(dú)立部分的集合。

比如一支曲子,即使可能改變速度,但在我們的知覺里仍然是同一支曲子。即使音階改變,或有錯(cuò)音,也不影響人們對這支曲調(diào)的知覺。

為了理解格式塔心理學(xué)試圖探索和解壓的過程,請考慮你的思維如何自動(dòng)感知你熟悉的人的臉部。即使臉部無疑與其他任何核心特征組成:鼻子、耳朵、眼睛等。你的大腦是如何做的?是從整體上理解特征吧,這就是格式塔心理學(xué)發(fā)現(xiàn)它的中心所在。

二、格式塔心理學(xué)如何改變規(guī)則?

你曾聽說過巴甫洛夫的狗嗎?巴甫洛夫是一位19世紀(jì)90年代晚期的俄羅斯心理學(xué)家。他(意外地)建立了我們可以通過使用獎(jiǎng)勵(lì)來影響行為的想法(他用食物作為獎(jiǎng)勵(lì)并測試其對狗行為的影響)。這個(gè)理論被稱為經(jīng)典條件反射理論,它仍然影響著當(dāng)今的營銷和設(shè)計(jì)領(lǐng)域。格式塔心理學(xué)家與他有不同的理解,認(rèn)為像知覺、學(xué)習(xí)和認(rèn)知這樣的過程并不那么簡單,并且不能通過將其分解成一部分來進(jìn)行理解。相反,格式塔心理學(xué)家對復(fù)雜的想法,像洞察力、整體性和解決問題感興趣;而且,如果你已經(jīng)在設(shè)計(jì)領(lǐng)域呆了足夠長的時(shí)間,你可能也是有這樣的感知。

三、格式塔理論是如何將視覺感知和設(shè)計(jì)關(guān)聯(lián)起來的?

格式塔很快被幾個(gè)理論家應(yīng)用于視覺感知領(lǐng)域。主要想法是,當(dāng)我們認(rèn)識(shí)到世界時(shí),同時(shí)有很多不同的信號(hào)同時(shí)出現(xiàn)。為了組織它們,我們把周圍的環(huán)境想象成單一的形式或整體。我們?nèi)绾螞Q定一些物體“走到一起”,將是未來幾十年,格式塔心理學(xué)家和設(shè)計(jì)師們要面對的主要困擾問題。

四、設(shè)計(jì)中的格式塔原則

多年來,格式塔心理學(xué)家們已經(jīng)提出了一個(gè)清單來總結(jié)視覺感知的基本原理,這已經(jīng)成為了設(shè)計(jì)師們的非常有價(jià)值的工具。如上所述,這些原則試圖解釋我們的大腦是如何感知不同的視覺組件,來作為同一群體中的一部分的。下面解釋的原則是由Max Wertheimer、Stephen Palmer以及其他當(dāng)代格式塔理論家提出的原則,在這里一一列舉出來,用案例進(jìn)行解讀。

1. 簡單性原則(Simplicity)

人們對一個(gè)復(fù)雜對象進(jìn)行知覺時(shí),只要沒有特定的要求,就會(huì)常常傾向于把對象看作是有組織的簡單的規(guī)則圖形。簡單的規(guī)律表明我們的心靈以最簡單的形式感知一切事物。例如下面的圖片,當(dāng)我們深入研究的時(shí)候,是由單獨(dú)的組件組成的,但是我們的大腦會(huì)自動(dòng)地把它們結(jié)合起來,拼出“l(fā)ogo”這個(gè)詞。

對于設(shè)計(jì)師來說,了解簡單規(guī)律非常重要,因?yàn)楫?dāng)它巧妙地與創(chuàng)意相結(jié)合時(shí),可以利用這兩者來制作真正令人驚嘆的設(shè)計(jì)。要掌握設(shè)計(jì)簡單性,你要考慮將兩個(gè)常常相互競爭的因素進(jìn)行平衡:使用簡單的形狀、對象以及需要產(chǎn)生驚人的設(shè)計(jì)效果。下面這個(gè)例子非常完美,使用簡單的元素和對象組合起來,從而形成了吉他獨(dú)特迷人的外觀。

從本質(zhì)上講,簡單性的應(yīng)用原則,就是幫助眼睛找到“舒適”的物體輪廓,用來試圖解釋我們想要展示的物體。

2. 圖形與背景關(guān)系原則(Figure-ground)

圖形與背景關(guān)系原則,有助于解釋設(shè)計(jì)中的哪一個(gè)元素將立即被視為圖形?哪個(gè)元素被視為背景?“圖形”是視覺焦點(diǎn)元素,而“背景”則是圖形背后的底板。

在你能夠回答這個(gè)問題之前,你需要了解另外兩個(gè)相關(guān)的原則:

區(qū)域:大腦通常認(rèn)為構(gòu)圖中最小的物體是圖形,而更大的物體則是背景。

凸面:跟凹面元素相比,凸面元素與圖形相關(guān)聯(lián)更多些。

當(dāng)你看下面的圖片時(shí),你感知到的圖形,是根據(jù)你的大腦如何感知它而得出的結(jié)論。在下面例子中,黑手是圖形,白色是背景板;而在另一情況下,白色的頭是圖形,黑色是背景底板。

在設(shè)計(jì)中應(yīng)用圖形與背景關(guān)系原則,可以使你的作品傳達(dá)信息的方式有很大的不同。在這個(gè)墨爾本食品和葡萄酒節(jié)(2007)的廣告中,酒瓶是被戰(zhàn)略性地放置,以創(chuàng)造一個(gè)叉子的錯(cuò)覺。在將與葡萄酒和食物相關(guān)的物品組合在一起時(shí),這個(gè)設(shè)計(jì)傳達(dá)出了更令人信服的廣告信息。

電影《彼得與狼》的這張海報(bào)設(shè)計(jì),充分體現(xiàn)了利用圖形與背景關(guān)系原則為你帶來的巨大創(chuàng)造潛力。一方面,你得到了一只長長的狼體的圖像。當(dāng)你轉(zhuǎn)向圖像中的白色(之前為背景)時(shí),你會(huì)立即發(fā)現(xiàn)一個(gè)人的輪廓——我們可以假設(shè)它是彼得的輪廓。

3. 接近性或鄰近原則(proximity)

即空間中距離相近的元素有被看作一體的趨勢。我們認(rèn)為元素屬于同一組,如果它們是有間隔地被放在一起的。舉一個(gè)例子,考慮適當(dāng)?shù)淖志嗫梢詭椭劬α私饽男┳帜附M成單個(gè)單詞。在某些情況下,字母之間的過度空格會(huì)導(dǎo)致將一個(gè)單詞的結(jié)束和下一個(gè)單詞的開始混淆了。在下面的例子中,我們的大腦感知到每一個(gè)近似的豎條,將它們結(jié)合起來形成一個(gè)小鹿的形象。

鄰近原則在聯(lián)合利華的標(biāo)志中也得到有效應(yīng)用。由于小圖標(biāo)彼此緊密排列,因此你可以輕松地將這些小圖標(biāo)組合視為U(聯(lián)合利華)。根據(jù)他們的品牌網(wǎng)站,他們的標(biāo)志被設(shè)計(jì)成包含“25個(gè)圖標(biāo)在內(nèi)的標(biāo)志,對于聯(lián)合利華來說,每個(gè)圖標(biāo)都有一定的象征意義”。

在下面的海報(bào)中,可口可樂品牌通過瓶子的組合圖,創(chuàng)造微笑的形狀來傳達(dá)快樂(其核心品牌價(jià)值之一)。事實(shí)是,他們以這樣一種深思熟慮的方式,有助于觀眾感知到微笑。

4. 相似原則(similarity)

刺激物的形狀、大小、顏色、強(qiáng)度等物理屬性方面比較相似時(shí),這些刺激物就容易被組織起來而構(gòu)成一個(gè)整體。也就是說,如果元素彼此相像,我們會(huì)將元素視為同屬于一個(gè)群組。例如,在設(shè)計(jì)一個(gè)多頁文檔時(shí),創(chuàng)建一個(gè)強(qiáng)大的文本方案將幫助讀者理解哪些文本塊是標(biāo)題,哪些是副標(biāo)題,哪些是正文。

在下面的圖片中,我們的大腦感知這個(gè)圖形是由各種相同顏色的圓圈組合而成的,而不是單獨(dú)的圓圈,相同顏色圖圈的組合圖有矩形、正方形和線形的,這與其他顏色區(qū)分開來。

5. 共方向原則(common movement)

也有稱共同命運(yùn)原則。如果一個(gè)對象中的一部分都向共同的方向去運(yùn)動(dòng),那這些共同移動(dòng)的部分就易被感知為一個(gè)整體。我們的眼睛將被吸引到一起移動(dòng)的人物上,這個(gè)原則對于2D和3D動(dòng)畫尤其重要。

在下面的圖片中,由于每只鳥在同一個(gè)方向上移動(dòng), 所以我們的頭腦將它們視為一個(gè)群組的一部分。由這些小鳥的群體組成的大鳥,抓走了一條捕獲的魚。

在這張美國戲劇《街景》(Street Scene)的海報(bào)中,灰色字母被視為同一個(gè)內(nèi)容塊(標(biāo)題)的一部分,因?yàn)樗鼈儾粌H相似(見上面的相似性原理),還是緊密聯(lián)系在一起,而且顯然也朝著同一個(gè)方向發(fā)展。

6. 對稱性原則(Symmetry)

對稱的元素被視為同一組的一部分。你有沒有看過那些看起來像鏡子里的物體互相反射的圖形?這種關(guān)系幫助我們將這些元素視為一個(gè)整體。

在這幅紐約自行車博覽會(huì)的海報(bào)中,設(shè)計(jì)理念的目標(biāo)將一個(gè)圓作為主要的焦點(diǎn)。為了創(chuàng)造這個(gè)圓圈,設(shè)計(jì)師將其中的一半描繪成一個(gè)自行車輪子,另一半描繪成井蓋。雖然在紋理和顏色上有所不同,但在觀眾眼中,它們就是一個(gè)對稱的圖形。

7. 平行性原則Parallelism)

具有相同或非常相似的傾斜角度的元素放在一起時(shí),將被作為一個(gè)相關(guān)聯(lián)的組合體。在設(shè)計(jì)時(shí),我們經(jīng)常改變文本的傾斜度以匹配周圍的箭頭或曲線,因?yàn)樗拐麄€(gè)圖形看起來更加具有直觀緊湊感。在為宣傳Futura字體而創(chuàng)建的海報(bào)上,不同的文本區(qū)域使用并行性原則進(jìn)行分組。

8. 連續(xù)性原則(good continuation)

如果一個(gè)圖形的某些部分可以被看作是連接在一起的,那么這些部分就相對容易被我們知覺為一個(gè)整體。如果元素是對齊的,那么它們在視覺上是相關(guān)聯(lián)的。線條在連續(xù)的情況下被視為一個(gè)整體的圖形。它們的線段越平滑,我們就越能看到它們是一個(gè)統(tǒng)一的形狀圖。

這張圣誕賀卡描繪了連續(xù)性原理是如何幫助我們創(chuàng)造形狀的。削尖的鉛筆的細(xì)細(xì)的綠線,可以幫助引導(dǎo)眼睛從構(gòu)圖的頂部到底部,以一種意想不到的方式創(chuàng)造出圣誕樹的形狀。

9. 封閉的原則(closure)

有時(shí)也稱閉合的原則。有些圖形是一個(gè)沒有閉合的殘缺的圖形,但主體有一種使其閉合的傾向,即主體能自行填補(bǔ)缺口而把其知覺為一個(gè)整體。如果元素是一個(gè)封閉圖形的一部分,我們將其視為屬于同一組的元素。一個(gè)探索閉合原則的好例子是標(biāo)志設(shè)計(jì)。聯(lián)邦快遞的logo“隱藏”了一個(gè)右箭頭,多年來沒有多少人能看出箭頭的圖形。它是通過在E和X之間創(chuàng)建一個(gè)負(fù)空間,并將兩個(gè)字母緊密地連接在一起,增強(qiáng)了閉合的錯(cuò)覺,箭頭就變得很明顯。

10. 共同區(qū)域原則(Common Region)

當(dāng)我們發(fā)現(xiàn)多個(gè)元素是單個(gè)區(qū)域的一部分時(shí),我們將它們作為一個(gè)單獨(dú)的組進(jìn)行關(guān)聯(lián)??紤]一個(gè)標(biāo)志的設(shè)計(jì),其中包含文本、物體和旗幟的組合。所有這三個(gè)要素都被視為屬于統(tǒng)一的一個(gè)標(biāo)志。

在這張海報(bào)中,藝術(shù)家使用共同區(qū)域原則,將電影中的人物統(tǒng)一在一個(gè)人的剪影中。當(dāng)我們在同一區(qū)域內(nèi)將它們形象化時(shí),我們認(rèn)為它們是在那個(gè)空間中共存的。如果你看過這部電影,你就會(huì)知道這很大程度上是它的目標(biāo):表明在我們的頭腦中共存的積極和消極的情緒,從而塑造我們的行為。

11. 元素連通性(Element Connectedness)

如果一些元素與其他元素相連時(shí),我們認(rèn)為這些元素是統(tǒng)一體。一種簡單的方法來說明這個(gè)原則,下面案例是一個(gè)信息圖或流程圖,箭頭可以幫助將一個(gè)圖形(或文本塊)連接到下一個(gè)圖形。

在《哈佛》雜志設(shè)計(jì)一個(gè)的作品中,這些物體被貫穿整篇文章的一條線統(tǒng)一起來——盡管數(shù)量如此之多,但它們帶來了統(tǒng)一感和視覺凝聚力。

在你的下一個(gè)設(shè)計(jì)項(xiàng)目中,去嘗試格式塔原則來進(jìn)行設(shè)計(jì)!

將強(qiáng)大的心理學(xué)原理帶入到你的平面設(shè)計(jì)工作中嗎?下一次你在創(chuàng)作作品時(shí),考慮一下上面概述格式塔理論的接近性、簡單性、相似性等其他原則,會(huì)對你的觀眾產(chǎn)生什么樣的影響?

本文由 @夏雪 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!