首页
/
每日頭條
/
生活
/
設計心理學中的格式塔原理
設計心理學中的格式塔原理
更新时间:2024-11-17 13:01:24

其實格式塔心理學的概念也許聽的不多,但是其實你已經在生活中切切實實的在運用了,舉個簡單例子:當我們在逛街的時候,為什麼有的會立刻吸引了你的注意力,叫賣聲還是視覺元素引導?

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)1

例如上圖中,我們會下意識的把同色系的招牌歸為一類,如果面對無法劃分類型的複雜内容時,會讓我們感到非常的不舒服,就像有時候我們在看産品設計或體驗設計的時候,就是覺得不好用或不好看,但是又說不上哪裡不好的情況一樣。這就是人的認知心理在作祟。

那麼作為體驗設計師的我們而言,格式塔心理其實對我們影響更為深遠。因為我們輸出的内容有時候是難以衡量的,需要有理論支撐我們做出的考量。而不是我們随意發揮臆想的設計。

格式塔心理學原理

格式塔心理學誕生于 1912 年,是由德國心理學家組成的研究小組試圖解釋人類視覺的工作原理。最基礎的發現是人類視覺是整體的:我們的視覺系統自動對視覺輸入構建結構,并在神經系統層面上感知形狀、圖形和物體,而不是隻看到互不相連的邊、線和區域。

其核心觀點是:整體決定部分的性質,并且部分依從于整體

聽起來有點像是哲學概念,但是不重要,關鍵是我們需要了解的是其主張的7大基本原則,這些原則與我們的體驗設計才是息息相關的。

格式塔創始人總結的七個基本原則:

  • 接近性原則
  • 相似性原則
  • 連續性原則
  • 閉合性原則
  • 簡單對稱性原則
  • 主體與背景原則
  • 共同命運原則

01

接近性原則

人們對知覺場中客體的知覺,是根據它們各部分彼此接近或鄰近的程度而組合在一起的。兩個元素越是接近,組合在一起的可能性就越大。說明它們之間關系更強。但是接近也是有對比的,在複雜的設計中,我們要一邊考慮它們之間内部的邏輯關系一邊來排版。

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)2

在上圖的兩個圖形組合中,我們可以看出「A」中的圓角矩形給我們的視覺效果是以橫向的「行」為單位進行組合,而「B」中更像是以「列」為單位進行組合。因「A」每兩個圓角矩形之間的間距橫向 20px 大于豎向30px,而「B」與之相反所以會産生這樣的視覺效果。距離近的關聯親密,距離遠的就各自獨立分組這就是格式塔理論中的接近性原則。

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)3

我們在做版式設計時會把圖文信息以不同形狀、大小、顔色分組排列,在視覺上營造視覺層次,便于用戶閱讀。如上圖元素以組的形式分布在海報中的各個位置,形成不同大小的視覺層次,讓我們能夠依次看到主要信息、次要信息、輔助信息等内容。

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)4

我們在體驗設計時常用劃分固定的位置區域,例如導航欄,内容區,操作欄來做區分。還有就是通過距離遠近來進行信息歸類。屬性相同、場景相似的信息應該放到一起,降低閱讀成本,提高用戶獲取效率;不想幹的信息盡量區分開,以免引起不必要的誤解。

02

相似性原則

人們在感知時,會對那些相似的項目,隻要不被接近因素幹擾,會傾向于把它們聯合在一起。換言之,相似的部分在知覺中會形成若幹組。人們會把那些明顯具有共同特性(如形狀、大小、共同運動、方向、顔色等)的事物當成一個整體。與不具有相似視覺特征的元素相比,具有相似視覺特征的元素被認為更加相關。

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)5

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)6

雖然與親密性非常類似,但他們又的的确确存在不同,親密性強調位置,相似性強調内容。通常是把具有明顯特征的事物(形狀、顔色、大小)組合在一起。常常用于表單和導航

03

連續性原則

因人眼的視覺會偏向連續的形式,使閱讀上更具有連貫性,在觀察事物的過程中會情不自禁地形成一種視覺延續的感受,這就是格式塔的連續性原則。

在知覺過程中人們往往傾向于使知覺對象的直線繼續成為直線,使曲線繼續成為曲線,也就是視覺的慣性。利用連續律我們可以讓用戶操作界面時不經過思考就點擊一個固定的位置。人的視覺有追随一個方向的延續,以便把元素聯接在一起,使它們看來是連續向着特定的方向。

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)7

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)8

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)9

我們在體驗設計過程中,或者在體驗某些産品界面時,不難發現這些産品基本都是通過将多個不同的信息以某個非常微小的共性,結成一個整體來展現的。

04

閉合性原則

真實的圖形是非閉合的,但在視覺上我們會自動把空白填滿形成封閉的空間,這就是格式塔的閉合性原則。因為閉合時一種完形的認知規律心理。主要是在人們觀察熟悉的視覺形象時,會把不完整的局部形象當作一個整體的形象來感知,這種知覺上的結束;但是如果局部形象過于陌生或者簡略,則不會産生整體閉合聯想。

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)10

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)11

人們的視覺系統或者說視覺心理會自動把不相幹的圖形元素封閉起來,感知為完整的個體,而不是單獨的視覺化元素。這種心理視覺影響更多應用在logo設計中,界面設計中也有。主要表現為:正負形、封閉邊界、不完全閉合

05

主體/背景原則

當小圖形重疊大圖形之上,我們的視覺會傾向于将小圖形歸為主體,大色塊為背景,這就是格式塔中的主體與背景原則。當主體與背景重疊時,人的視覺更加傾向于将小的物體視為主體,大的物體視為背景,所以我們可以通過大小與圖的關系,将我們希望傳遞的不同層次的信息進行展示。

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)12

(圖1)

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)13

(圖2)

如圖1中所展示的彈窗,主體是彈窗,背景是底部界面,利用空間感給用戶做視覺引導,讓用戶快速感知我們想要傳遞的重要信息内容

06

簡單對稱性原則

在觀察事物過程中,我們第一印象更傾向于簡單而且對稱的圖形,這就是格式塔的簡化對稱性原則。具有對稱、規則、平滑的簡單圖形特征的各部分趨于組成整體。對稱的元素往往被認為是歸屬在一起的,而不管它們之間的距離,都給我們一種牢固和有序的感覺。

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)14

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)15

07

共同命運性原則

一起運動的物體會被感知為屬于同一組或是彼此相關這樣的一種視覺現象,這就是格式塔中的共同命運原則。無論元素之間的距離有多遠,或者它們看起來有多不同,如果它們一起運動或變化,它們都被認為是相關的。

設計心理學中的格式塔原理(格式塔心理學對設計有啥影響)16

iPhone删除應用時候,所有圖标都一起晃動起來,左上角都有一個删除的按鈕,在處理的過程中,要麼删除,要麼保留,這就是共同命運原則。

其實格式塔心理學原理并不是一定要死記硬背的理論,它其實在我們沒有接觸設計之前就已經在運用了。之所以,需要複習重溫就是需要我們明白,我們在日常設計過程中,需要有一個思維或者說考慮,明白為什麼這樣做的原因?這才是鍛煉我們成長的關鍵所在。

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
巧開鏽鎖
巧開鏽鎖
巧開鏽鎖的材料:普通白紙、鉛筆、一把小刀。巧開鏽鎖步驟:1、把白紙墊在桌子上,把鉛筆芯削成粉末。2、把削下來的鉛筆芯,倒在鎖眼裡,同時也可以把鉛筆芯塗在鑰匙上,然後就可以鑰匙插進去,就像這樣,先反複多插幾次,讓鑰匙和鎖之間充分潤滑,同時破壞掉鐵鏽,最後就可以慢慢的試試左右擰開了。
2024-11-17
新媒體運營是做什麼?
新媒體運營是做什麼?
新媒體運營,是通過現代化移動互聯網手段,通過利用各短視頻平台及内容平台進行産品宣傳、推廣、産品營銷的一系列手段。通過策劃品牌相關的優質、高度傳播性的内容和線上活動,向客戶廣泛或者精準推送消息,提高參與度、知名度,從而充分利用粉絲經濟,達到相應營銷目的。不管是創業做個人自媒體還是到企業内就職,新媒體運...
2024-11-17
日常床墊保養好 優質睡眠不打折
日常床墊保養好 優質睡眠不打折
睡眠是人健康的保證,而睡眠質量的好壞直接體現出身體的好壞,對此很多家庭不惜耗費大量資金選購很好的床墊、床單等床具,希望得到一個優質的睡眠環境,提高睡眠質量。但是花了大價錢購買來的床墊卻不經常打理,這樣的方式不但不會得到優質的睡眠還會對睡眠質量産生負面影響。下面就和小編一起來看看日常床墊保養的方法吧。...
2024-11-17
有機蔬菜标準
有機蔬菜标準
現在随着生活的質量越來越好,很多人對于生活的追求是越來越高的。現在很多人都希望可以吃到有機蔬菜,以為内有機蔬菜的營養更高,而且更加有營養價值,更加健康。說了有機蔬菜那麼多的好處,那麼有機蔬菜的一個标準是什麼呢,估計這個是沒有多少人知道的,隻是知道有機蔬菜好。有機蔬菜好在哪裡這個大家要知道,有機蔬菜的...
2024-11-17
布藝沙發清洗方法詳解
布藝沙發清洗方法詳解
布藝沙發清洗方法詳解布藝沙發清洗方法詳解1、一般清洗流程:可以選用專用的布藝清潔劑。首先用幹淨的白布蘸上少量清潔劑,在弄髒了的地方反複擦拭,直到污漬去掉。為免留下印迹,最好是從污漬的外圍抹起。切忌大量用水擦洗,以免水滲入沙發的内層,造成沙發裡邊框受潮、變形、沙發布縮水,影響沙發的整體外觀造型。2、有...
2024-11-17
Copyright 2023-2024 - www.tftnews.com All Rights Reserved