格式塔心理學在用戶體驗設計中有哪些運用？

格式塔心理學包括六點：

相似性原則、封閉性原則、連續性原則、閉合性原則、鄰近性原則、圖片與背景關係原則。

1. 相似性原則

人的潛意識會將視線內一些相似的元素自動整合成整體。

2. 封閉性原則

當對象周圍有環繞閉合的邊界，視覺上會將此類目進行歸納分組。

3. 連續性原則

如果一個圖形的某些部分可以被看作是連接在一起的，這些部分會被我們知覺為一個整體。

4. 閉合性原則

當圖形是一個殘缺圖形，但主體有一種使其閉合的傾向，即主體能自行填補缺口而把其知覺為一個整體。

5. 鄰近性原則

空間中距離相近的元素會被看作一體。

6. 圖片與背景關係原則

在視覺傳達中，有些對象突現出來形成圖形，有些對象作為襯托成為背景。

下面就移動端UI設計中，格式塔運用產生的效果進行具體說明：

（五一後見~~）

間隔劃分（詳見「柵格設計」）

顏色劃分

符號形狀劃分

（以上圖片來自百度MUX）

我們每天接受來自外界的大量信息70％是視覺感知的，它們會干擾我們對信息的判斷

組織布局

a.層次（層級關係，段落關係）

視覺層級關係——通過視覺元素展現暗喻信息之間的層級關係

如：

• 一個界面中導航區域與內容區域的關係
• 一篇帖子下的所有評論之間的關係
• 一篇文章中的段落關係

截選知乎web側邊欄，，就是這個感覺=_=

相關物體挨在一起_(:з」∠)_

分組、組織頁面內容——用分組框/分割線來分隔組與組之間的關係

• 排序讓用戶有秩序感
• 間距讓用戶的視覺能合理地休憩

彼此間靠近的物體在大腦中被歸納為一組

注意！圖中的一級標題樣式和二級標題樣式：

用戶會把形狀、大小、顏色相似的元素組合在一起，形成一組

胡痴兒按：這裡怎麼有點像CSS樣式=_=

的確，視覺設計師在設計之初擬定一個樣式表就起到了這樣的作用！

讓相似的部分在視知覺中形成若干組

知乎日報，區分已讀和未讀的樣式

如

探探，把一疊照片疊在一起表示對象的集合

顯示那一堆層疊的一角

讓用戶感覺，，後面還有很大一疊（整體）

排版

連續性視覺流
用邊界引導讀者的眼光平滑延伸

例：知乎表單的內容排版、對齊
便於用戶快速閱讀（沿中線下移）
標籤靠右，內容靠左

我們看到的是零散的碎片，

但在大腦里感知到的卻是連續的形式，或者說，我們心裡的模型拼湊出了一個我們熟知的圖形，填補了缺失的圖形，，，而這些都來自於我們過往的經驗和視知覺

如IBM的logo

像透過半聾拉著的百葉窗透過的斑駁

（大腦習慣地將圖形作為一個整體去看）