解讀格式塔理論及相關設計原則

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

心理學在視覺感知中所起到的強大作用,而格式塔是一種心理學運動。本文將分享格式塔背后的基本原理,共同探索視覺刺激。

偉大的設計師都非常清楚地知曉,心理學在視覺感知中所起到的強大作用。

當觀眾對你的設計創作感到滿意時,會有什么反應?他們對你的作品分享的信息有什么反應?作為業余或專業設計師,重要的是你能回答出這些問題來。

了解設計如何被感知和解讀,是視覺傳播者身上必須具備的重要素養。如果我們不了解背后的驅動力,我們不可能用我們的設計來影響人類的看法。

格式塔是一種心理學運動,在本文中,我將分享格式塔背后的基本原理。它幫助我們了解到,觀眾是如何理解我們為他們設計的視覺刺激。

一、什么是格式塔?

“格式塔”這個詞是德語,字面意思是統一的圖案、圖形、形式或結構。格式塔心理學是一種在20世紀20年代在柏林興起的運動,旨在理解我們的大腦是如何以整體形式感知事物的,而不是個體的元素。

格式塔心理學最重要的觀點就是:

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

整體先于元素,局部元素的性質是由整體的結構關系決定的。這是因為人類對于任何視覺圖像的認知,是一種經過知覺系統組織后的形態與輪廓,而并非所有各自獨立部分的集合。

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

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

二、格式塔心理學如何改變規則?

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

三、格式塔理論是如何將視覺感知和設計關聯起來的?

格式塔很快被幾個理論家應用于視覺感知領域。主要想法是,當我們認識到世界時,同時有很多不同的信號同時出現。為了組織它們,我們把周圍的環境想象成單一的形式或整體。我們如何決定一些物體“走到一起”,將是未來幾十年,格式塔心理學家和設計師們要面對的主要困擾問題。

四、設計中的格式塔原則

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

1. 簡單性原則(Simplicity)

人們對一個復雜對象進行知覺時,只要沒有特定的要求,就會常常傾向于把對象看作是有組織的簡單的規則圖形。簡單的規律表明我們的心靈以最簡單的形式感知一切事物。例如下面的圖片,當我們深入研究的時候,是由單獨的組件組成的,但是我們的大腦會自動地把它們結合起來,拼出“logo”這個詞。

對于設計師來說,了解簡單規律非常重要,因為當它巧妙地與創意相結合時,可以利用這兩者來制作真正令人驚嘆的設計。要掌握設計簡單性,你要考慮將兩個常常相互競爭的因素進行平衡:使用簡單的形狀、對象以及需要產生驚人的設計效果。下面這個例子非常完美,使用簡單的元素和對象組合起來,從而形成了吉他獨特迷人的外觀。

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

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

圖形與背景關系原則,有助于解釋設計中的哪一個元素將立即被視為圖形?哪個元素被視為背景?“圖形”是視覺焦點元素,而“背景”則是圖形背后的底板。

在你能夠回答這個問題之前,你需要了解另外兩個相關的原則:

區域:大腦通常認為構圖中最小的物體是圖形,而更大的物體則是背景。

凸面:跟凹面元素相比,凸面元素與圖形相關聯更多些。

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

在設計中應用圖形與背景關系原則,可以使你的作品傳達信息的方式有很大的不同。在這個墨爾本食品和葡萄酒節(2007)的廣告中,酒瓶是被戰略性地放置,以創造一個叉子的錯覺。在將與葡萄酒和食物相關的物品組合在一起時,這個設計傳達出了更令人信服的廣告信息。

電影《彼得與狼》的這張海報設計,充分體現了利用圖形與背景關系原則為你帶來的巨大創造潛力。一方面,你得到了一只長長的狼體的圖像。當你轉向圖像中的白色(之前為背景)時,你會立即發現一個人的輪廓——我們可以假設它是彼得的輪廓。

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

即空間中距離相近的元素有被看作一體的趨勢。我們認為元素屬于同一組,如果它們是有間隔地被放在一起的。舉一個例子,考慮適當的字距可以幫助眼睛了解哪些字母組成單個單詞。在某些情況下,字母之間的過度空格會導致將一個單詞的結束和下一個單詞的開始混淆了。在下面的例子中,我們的大腦感知到每一個近似的豎條,將它們結合起來形成一個小鹿的形象。

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

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

4. 相似原則(similarity)

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

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

5. 共方向原則(common movement)

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

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

在這張美國戲劇《街景》(Street Scene)的海報中,灰色字母被視為同一個內容塊(標題)的一部分,因為它們不僅相似(見上面的相似性原理),還是緊密聯系在一起,而且顯然也朝著同一個方向發展。

6. 對稱性原則(Symmetry)

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

在這幅紐約自行車博覽會的海報中,設計理念的目標將一個圓作為主要的焦點。為了創造這個圓圈,設計師將其中的一半描繪成一個自行車輪子,另一半描繪成井蓋。雖然在紋理和顏色上有所不同,但在觀眾眼中,它們就是一個對稱的圖形。

7. 平行性原則Parallelism)

具有相同或非常相似的傾斜角度的元素放在一起時,將被作為一個相關聯的組合體。在設計時,我們經常改變文本的傾斜度以匹配周圍的箭頭或曲線,因為它使整個圖形看起來更加具有直觀緊湊感。在為宣傳Futura字體而創建的海報上,不同的文本區域使用并行性原則進行分組。

8. 連續性原則(good continuation)

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

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

9. 封閉的原則(closure)

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

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

當我們發現多個元素是單個區域的一部分時,我們將它們作為一個單獨的組進行關聯??紤]一個標志的設計,其中包含文本、物體和旗幟的組合。所有這三個要素都被視為屬于統一的一個標志。

在這張海報中,藝術家使用共同區域原則,將電影中的人物統一在一個人的剪影中。當我們在同一區域內將它們形象化時,我們認為它們是在那個空間中共存的。如果你看過這部電影,你就會知道這很大程度上是它的目標:表明在我們的頭腦中共存的積極和消極的情緒,從而塑造我們的行為。

11. 元素連通性(Element Connectedness)

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

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

在你的下一個設計項目中,去嘗試格式塔原則來進行設計!

將強大的心理學原理帶入到你的平面設計工作中嗎?下一次你在創作作品時,考慮一下上面概述格式塔理論的接近性、簡單性、相似性等其他原則,會對你的觀眾產生什么樣的影響?

本文由 @夏雪 原創發布于人人都是產品經理。未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!