設(shè)計(jì)方法論是能夠不斷復(fù)用、貼近真理的一般性規(guī)律，幫助分析和解決問題即從經(jīng)驗(yàn)中總結(jié)出科學(xué)的規(guī)律，然后把這個(gè)規(guī)律用在該條件的具體事項(xiàng)上的過程，學(xué)習(xí)和應(yīng)用設(shè)計(jì)方法論可以提升團(tuán)隊(duì)設(shè)計(jì)效率和專業(yè)性、以及團(tuán)隊(duì)影響力，全系列一共 12 篇，歡迎持續(xù)關(guān)注。

什么是設(shè)計(jì)心理學(xué)？—— “設(shè)計(jì)心理學(xué)分為設(shè)計(jì)與心理學(xué)兩大要素”

什么是設(shè)計(jì)？—— “設(shè)計(jì)是設(shè)想、運(yùn)籌、計(jì)劃與預(yù)算，它是人類為實(shí)現(xiàn)某種特定目的而進(jìn)創(chuàng)造性活動(dòng)?！?/p>

根據(jù)設(shè)計(jì)目的可以劃分為視覺傳達(dá)設(shè)計(jì)、產(chǎn)品設(shè)計(jì)與環(huán)境設(shè)計(jì)三大類。

其中與我們息息相關(guān)的視覺傳達(dá)設(shè)計(jì)正是體現(xiàn)了人和社會(huì)的關(guān)系，視覺傳達(dá)涉及很多領(lǐng)域如包裝設(shè)計(jì)、版式設(shè)計(jì)、廣告設(shè)計(jì)、 展示設(shè)計(jì)、影視設(shè)計(jì)等等，在視覺傳達(dá)設(shè)計(jì)領(lǐng)域自然就必須將社會(huì)中的人的心理考慮進(jìn)去。

設(shè)計(jì)心理學(xué)就是建立在心理學(xué)基礎(chǔ)上，把人們心理狀態(tài)，尤其是人們對(duì)于需求的心理，通過意識(shí)作用于設(shè)計(jì)的一門學(xué)問。它同時(shí)研究人們?cè)谠O(shè)計(jì)創(chuàng)造過程中的心態(tài)以及設(shè)計(jì)對(duì)社會(huì)、對(duì)社會(huì)個(gè)體所產(chǎn)生的心理反應(yīng)，反過來再作用于設(shè)計(jì)，起到使設(shè)計(jì)更能夠反映和滿足人們心理的作用。

一、為什么設(shè)計(jì)師要懂心理學(xué)？

設(shè)計(jì)心理學(xué)作為設(shè)計(jì)學(xué)最重要的理論學(xué)科，它對(duì)設(shè)計(jì)學(xué)的發(fā)展、設(shè)計(jì)活動(dòng)的指導(dǎo)和設(shè)計(jì)的創(chuàng)新活動(dòng)都有著重要的指導(dǎo)意義，通過對(duì)設(shè)計(jì)心理學(xué)概念和研究方法的了解，使設(shè)計(jì)師能意識(shí)到在當(dāng)代多元的情感消費(fèi)社會(huì)里，設(shè)計(jì)心理學(xué)所具有的重要作用，使設(shè)計(jì)師能更好地學(xué)習(xí)和掌握設(shè)計(jì)心理學(xué)，完善設(shè)計(jì)知識(shí)結(jié)構(gòu)，創(chuàng)造出更多符合人類需要的優(yōu)秀設(shè)計(jì)。

一個(gè)不懂人類心理學(xué)的設(shè)計(jì)師，不會(huì)比一個(gè)不懂物理學(xué)的建筑?！狫oe Leech

為了理解用戶的心理行為和反應(yīng)，我們首先需要觀察。幸運(yùn)的是，自 19 世紀(jì)初以來，心理學(xué)家們一直在各種控制良好的環(huán)境中進(jìn)行大量的實(shí)驗(yàn)。許多常見的心理現(xiàn)象已經(jīng)得到了廣泛的認(rèn)證，我們只需要理解它們并找出如何將它們應(yīng)用到設(shè)計(jì)的思想中。

二、感知與現(xiàn)實(shí)存在一定的偏差

視覺是一切感覺之首。人的大腦有一半的資源都用于接受和解析眼睛所見。但眼睛所見并非全部，因?yàn)橐曈X信息還要經(jīng)過大腦轉(zhuǎn)換和解析。真正用來“觀察”的其實(shí)是大腦。我們所看到的并不是真相，我們的大腦在影響我們的感知；很大程度上是我們“期望”感知到的。

感知至少受到以下 3 個(gè)因素影響，與現(xiàn)實(shí)存在偏差：

1. 先入為主的經(jīng)驗(yàn)影響我們的感知

人常根據(jù)以往的經(jīng)驗(yàn)來對(duì)事物進(jìn)行理解和判斷；先入為主的經(jīng)驗(yàn)會(huì)給用戶不一樣的感知和理解；你看到什么取決于經(jīng)驗(yàn)/別人告訴你什么？

心理學(xué)上有個(gè)概念叫熟悉度偏見（Familiarity bias），就是說大家傾向于更相信自己熟悉的東西。比如，面對(duì)一道不會(huì)的選擇題，人們更傾向于選擇自己熟悉的那個(gè)答案，而不是正確答案。人們自然而然會(huì)偏向他們熟悉的東西，人們喜歡信任他們所知道的，害怕變化而產(chǎn)生的不舒服，這就是為什么最好的新產(chǎn)品都是用最熟悉的模式。久而久之這些熟悉的環(huán)境會(huì)在我們心智中建立框架。專家管這個(gè)叫“感知模式/感知框架”。

不同場(chǎng)合的感知框架影響我們?cè)诓煌瑘?chǎng)合下對(duì)期待見到的事物感知；使用電腦、手機(jī)的人對(duì)桌面和文件、網(wǎng)站和各種類型的 APP 都會(huì)有相對(duì)應(yīng)的感知框架；用戶經(jīng)常不認(rèn)真看屏幕就點(diǎn)擊按鈕或鏈接，他們更多是靠以往經(jīng)驗(yàn)來引導(dǎo)他們對(duì)界面的感知，所以知道這個(gè)原理我可以更好的了解那些設(shè)計(jì)原則

① 和用戶預(yù)期保持一致性

熟悉的瞬間能夠建立信任，而不熟悉的模式則可能產(chǎn)生混亂（至少在最初）。 如果不符合人熟悉的心智模型及框架，就很容易讓人覺得煩躁；經(jīng)常炒股的朋友，會(huì)對(duì)紅色綠色很敏感，綠色代表下跌紅色代表漲；很多用慣安卓的用戶，突然用 iOS 會(huì)很不習(xí)慣。

小案例

1. 電子書保留了模擬現(xiàn)實(shí)翻書的效果，這樣大大降低用戶理解左右滑控制翻書上下頁(yè)的理解成本。
2. 朋友圈廣告的樣式也是符合用戶心智模型，呈現(xiàn)形式與好友發(fā)的朋友圈保持一致。以明星作為好友，插入大圖，底部還可以看到好友的評(píng)論和互動(dòng)，這樣給人的感覺就像好友發(fā)了一個(gè)狀態(tài)，而非一條赤裸裸的廣告。
3. 紅包設(shè)計(jì)形式就很像現(xiàn)實(shí)中的紅包，所以很多人也一下子就理解這是紅包，而且點(diǎn)開就是拆紅包了。

舉例：vivo 電子書、vivo 錢包

要點(diǎn)：熟悉度偏見是很有效的，所以要用用戶所熟悉的東西來幫助他們更快地使用你的產(chǎn)品。

② 和平臺(tái)規(guī)范保持一致性

產(chǎn)品的設(shè)計(jì)要和平臺(tái)的規(guī)范保持一致；也需要與競(jìng)品保持一致，比如同類型的 app 基本是大同小異的。

③ 產(chǎn)品內(nèi)部規(guī)范一致性

其中包括迭代版本保持一致性，同一層級(jí)圖標(biāo)顏色字體保持一致性，品牌一致性，交互行為一致性；不同的品牌有自己的調(diào)性，可以直接通過設(shè)計(jì)語(yǔ)言傳達(dá)給用戶，而且能夠達(dá)到一個(gè)良好的品牌辨識(shí)度，成熟的產(chǎn)品有自己的設(shè)計(jì)標(biāo)準(zhǔn)。

舉例：vivo 錢包-首頁(yè)、貸款、卡包、我的

④ 遵循用戶的操作習(xí)慣

在找某件東西的時(shí)候，如果它不在老地方或者看起來和以前不一樣，就算在我們眼前，我們也找半天，這也是因?yàn)槲覀兪芤酝慕?jīng)驗(yàn)影響感知；因此相同或相似產(chǎn)品的用戶習(xí)慣保持一致，即意味著用戶需要更少的時(shí)間去學(xué)習(xí)甚至不需要學(xué)習(xí)。

舉例：Figma、sketch

我們常用的設(shè)計(jì)軟件 figma 和 sketch，他們?cè)诮缑娼Y(jié)構(gòu)、功能位置、操作方式包括快捷鍵，基本都是一致的。

2. 環(huán)境影響我們的感知

周圍環(huán)境對(duì)感知的影響也同樣存在于不同感官之間。五個(gè)感官任何之一的感知都可能同時(shí)影響其他感官的感知。

例如：我們聽到的能影響我們看到的，反之亦然；我們聽到、看到或者聞到的能影響我們的觸覺。

對(duì)于識(shí)別一個(gè)字母、一個(gè)單詞、一張臉或者任何物體的神經(jīng)活動(dòng)，都包含了環(huán)境刺激產(chǎn)生的神經(jīng)信號(hào)的輸入。這個(gè)環(huán)境包括感知到的其他臨近對(duì)象和事件，甚至由環(huán)境激活的對(duì)以往感知到的對(duì)象和事件的記憶。

人們經(jīng)常根據(jù)周圍的情景去理解事物，視覺感知也是一樣的，上下文會(huì)影響我們對(duì)某一個(gè)詞的理解；環(huán)境有時(shí)候會(huì)產(chǎn)生歧義。同樣的一段話放在不同的語(yǔ)句當(dāng)中，會(huì)有不同的理解。視覺上也是如此：

分別是繆勒-萊爾錯(cuò)覺、咖啡墻錯(cuò)覺、蓬佐錯(cuò)覺、賈斯特羅錯(cuò)覺

小貼士

我們需要留意所看到的圖形與實(shí)際之間的偏差，從而對(duì)設(shè)計(jì)進(jìn)行調(diào)整。環(huán)境影響我們的感知，所以需要確認(rèn)好避免歧義，并通過測(cè)試確認(rèn)所有用戶對(duì)產(chǎn)品信息的理解是一致的。

3. 目標(biāo)影響我們的感知

除了視覺，目標(biāo)會(huì)過濾其他感官的感知。

例如：曾經(jīng)在一趟課上，老師請(qǐng)學(xué)生看一段幾分鐘的錄像，并請(qǐng)他們注意錄像中一共有幾個(gè)白衣人出現(xiàn)。學(xué)生們聚精會(huì)神看完錄像，所有人都能準(zhǔn)確無誤的告訴老師錢后共有幾個(gè)白衣人出現(xiàn)。

這時(shí)老師微笑著問大家：有沒有人看見黑猩猩？什么？除了黑衣人、白衣人、還有一只黑猩猩？全班竟然沒有一個(gè)人發(fā)現(xiàn)。

當(dāng)用戶使用某款 app 時(shí)通常都是帶有目的性的去操作，這個(gè)過程中會(huì)過濾與其達(dá)成目標(biāo)操作無關(guān)的東西，當(dāng)用戶在軟件尋找信息或某個(gè)功能時(shí)，他們并不會(huì)認(rèn)真的閱讀，只是快速而粗略的掃描屏幕上與目標(biāo)相關(guān)的東西。

目標(biāo)會(huì)影響我們注意什么--感知是主動(dòng)的，我們動(dòng)用感官去找到和目標(biāo)相關(guān)的東西。目標(biāo)使我們的感知系統(tǒng)對(duì)某些特性敏感--例如在下圖找紅色的圓點(diǎn)，大腦對(duì)紅色就會(huì)特別敏感，而其它顏色就幾乎不會(huì)被注意到，即使我們的確“看到”了它們。

當(dāng)用戶充分的調(diào)動(dòng)感知來尋找目標(biāo)的時(shí)候，由于用戶的注意力處于一種高度的緊張狀態(tài)，這是一種不好的用戶體驗(yàn)，我們要做的是讓用戶能夠輕松的完成目標(biāo)任務(wù)，而不需要有高度的緊張和尋找。

舉例：vivo 錢包-貸款信息驗(yàn)證部分流程

vivo 錢包-貸款在用戶信息驗(yàn)證時(shí)候，清晰告知用戶整體流程狀態(tài)，提高用戶對(duì)整體流程的把控感，安全感。

在設(shè)計(jì)中應(yīng)怎么做

1. 避免顯示有歧義的信息，并通過測(cè)試確認(rèn)所有用戶對(duì)信息的理解是一致的。當(dāng)無法消除歧義時(shí)，要么依靠設(shè)計(jì)標(biāo)準(zhǔn)或用戶習(xí)慣，要么告知用戶用你期望的方式去理解歧義之處。
2. 在一致的位置擺放信息和控件。不同頁(yè)面上提供的相同功能的控件和數(shù)據(jù)顯示應(yīng)該擺放在每一頁(yè)上相同的位置，而且它們還應(yīng)該有相同的顏色、字體和陰影等。這樣的一致性能讓用戶很快找到和識(shí)別它們。一致性的設(shè)計(jì)原則對(duì)用戶而言可以讓信息傳達(dá)和用戶使用體驗(yàn)更好；對(duì)產(chǎn)品研發(fā)團(tuán)隊(duì)來說，也會(huì)減少設(shè)計(jì)的研發(fā)成本。
3. 理解用戶目標(biāo)，知道用戶要感知什么，從而確保提供必要的信息清晰的對(duì)應(yīng)用戶的感知。用戶去用一個(gè)系統(tǒng)是有目標(biāo)的，設(shè)計(jì)者應(yīng)該了解這些目標(biāo)，要認(rèn)識(shí)到不同用戶的目標(biāo)可能不同，而且他們的目標(biāo)強(qiáng)烈左右他們能感知到什么。在有所交互的每個(gè)點(diǎn)，確保提供了用戶需要的信息，并非常清晰地對(duì)應(yīng)到一個(gè)可能的用戶目標(biāo)，使用戶能夠注意到并使用這些信息。

三、視覺設(shè)計(jì)中的格式塔

先給大家舉一個(gè)栗子，大家平時(shí)逛街的時(shí)候能記住哪些廣告呢？ 我們雖然每天看到那么多的信息，但是真正記住的卻不多。還有當(dāng)我們看到復(fù)雜的事物的時(shí)候，心里會(huì)涌現(xiàn)不舒服的奇怪感受，有時(shí)候這種感受沒有辦法用語(yǔ)言來描述。那么為什么會(huì)有這些感受呢？

其實(shí)道理很簡(jiǎn)單，我們做的東西是給人用的。人的認(rèn)知和記憶能力是有限的。視覺設(shè)計(jì)和心理是相互聯(lián)系，并且相互影響的。格式塔原則可以幫助我們理解和控制這些聯(lián)系。

1. 什么是格式塔

1910 年，德國(guó)飛馳的一列火車上，韋德海默眺望窗外的風(fēng)景。電線桿、房舍和山頂盡管是靜止不動(dòng)的，可看起來卻好像在與火車一起飛奔，這是為什么呢？韋德海默對(duì)這個(gè)錯(cuò)覺的疑問，開啟了一門新的心理學(xué)派--格式塔心理學(xué)?？梢哉f是視錯(cuò)覺導(dǎo)致了格式塔的崛起。

格式塔由創(chuàng)始人德國(guó)心理學(xué)家馬科斯·韋德海默提出，是德文 Gestalt 的音譯，也稱「完形心理學(xué)」。

他的視覺研究受到當(dāng)時(shí)新發(fā)現(xiàn)的物理學(xué)定律影響，他認(rèn)為和物理世界的「電場(chǎng)、磁場(chǎng)、重力場(chǎng)」一樣，在人類的知覺世界里應(yīng)該也有一個(gè)極為類似的“場(chǎng)”存在。人類視覺世界稱為「視覺場(chǎng)」；和人類生活、學(xué)習(xí)等情景相關(guān)的是「知覺場(chǎng)」。人們知覺到此場(chǎng)，并加以利用在把握這個(gè)整體，而至完形。因此「完形」心理學(xué)被稱為“場(chǎng)論”（fieid theory）。（“完形”就是格式塔，格式塔是完形的中文音譯）

格式塔在「視覺場(chǎng)」中的定義是：在“視覺場(chǎng)”中的各種力量組合成一個(gè)自我完滿而平衡的整體。在格式塔中，任何元素的改變都將影響整體以及各部分之本來特性。

格式塔將心理現(xiàn)象視為有機(jī)整體，任務(wù)整體雖有各個(gè)部分組成，但并不等于部分之和而是大于部分之和。并且認(rèn)為，整體先于部分并且決定部分的性質(zhì)。格式塔理論的關(guān)注焦點(diǎn)是“族群”

格式塔反對(duì)構(gòu)造主義元素學(xué)說（把人的復(fù)雜知覺簡(jiǎn)單看成是各種零碎感覺元素，以及通過聯(lián)想把這些感覺元素合起來而構(gòu)成的）。如同看一棵樹，元素主義認(rèn)為人對(duì)樹的知覺只是各種感覺和顏色、形狀、亮度等元素復(fù)合構(gòu)成的。即所謂“統(tǒng)覺”。格式塔心理學(xué)則認(rèn)為人的第一眼就將這棵樹感知為一個(gè)完整的整體，而不是單個(gè)感覺元素集合加總構(gòu)成的。

2. 格式塔實(shí)驗(yàn)研究

主要包括以下三方面的實(shí)驗(yàn)研究:

① 似動(dòng)現(xiàn)象

似動(dòng)現(xiàn)象是形成格式塔心理學(xué)的基礎(chǔ)。是指兩個(gè)相距不遠(yuǎn)、相繼出現(xiàn)的視覺刺激物，呈現(xiàn)的時(shí)間間隔如果在 1/10 秒到 1/30 秒之間，那么我們看到的不是兩個(gè)物體，而是一個(gè)物體在移動(dòng)。

例如，我們看到燈光從一處向另一處移動(dòng)，事實(shí)上是這只燈熄了，那只燈同時(shí)亮了。這種現(xiàn)象正是不能把整體分解成部分的證據(jù)。這種現(xiàn)象的組成部分是一些獨(dú)立的燈在一開一關(guān)，但組成一個(gè)整體后，給人造成這些燈在動(dòng)的假象。

后來，格式塔心理學(xué)把重點(diǎn)放在整體系統(tǒng)上，在這個(gè)系統(tǒng)中，各個(gè)部分是以一種能動(dòng)的方式相互聯(lián)系在一起的，也就是說，僅根據(jù)各分離的部分，無法推斷出這個(gè)整體。所以人們把它稱為“格式塔或完形心理學(xué)”。

② 整體與部分

看起來格式塔心理學(xué)是把重點(diǎn)放在整體上，但這并不意味著他們不承認(rèn)分離性。事實(shí)上，格式塔也可以是指一個(gè)分離的整體。

研究認(rèn)為，一個(gè)人的知覺場(chǎng)始終被分成圖形與背景兩部分。“圖形”是一個(gè)格式塔，是突出的實(shí)體，是我們知覺到的事物；“背景”則是尚未分化的、襯托圖形的東西。知覺幫助我們把圖形從背景中分離出來。圖形與背景的對(duì)比越大，圖形的輪廓越明顯，則圖形越容易被發(fā)覺。

③ 頓悟?qū)嶒?yàn)

苛勒在一次實(shí)驗(yàn)中用繩子把一只香蕉懸掛在籠子的頂棚上?；\子里只有惟一的一只木箱可以使用。6 只黑猩猩看到香蕉時(shí)跳躍起來竭力想抓住香蕉，但是徒勞。有一只名叫蘇爾坦的黑猩猩馬上停止了這些白費(fèi)力氣的努力，開始從各個(gè)方向打量箱子。忽然它停在箱子前面，抓起它并徑直朝目標(biāo)走去。它把木箱迅速放到地上，爬上箱子，從木箱上面使勁跳起，終于抓住了香蕉。

苛勒還對(duì)這組黑猩猩使用其他工具進(jìn)行了觀察，如利用木棍去獲取放在籠子外面的水果。這些黑猩猩甚至能夠?qū)筛坦鬟B接起來做成一根長(zhǎng)棍。同樣，它們還能把兩三個(gè)箱子疊放在一起，再爬到放在最上面的箱子頂上，借助一根木棍去獲取香蕉。

苛勒通過對(duì)黑猩猩進(jìn)行的許多實(shí)驗(yàn)，提出了頓悟理論。他認(rèn)為問題的解決不是由于嘗試錯(cuò)誤，而是由于頓悟。所謂頓悟，就是內(nèi)在地把握情境的關(guān)系性，并依此改變整個(gè)情境。
或許正如一些批評(píng)家所指出的那樣，頓悟不是一種獨(dú)立的學(xué)習(xí)過程或?qū)W習(xí)形式，而是學(xué)習(xí)達(dá)到一定程度的表現(xiàn)或者結(jié)果。一定的經(jīng)驗(yàn)積累，是產(chǎn)生頓悟的前提。

小總結(jié)

他們認(rèn)為思維是整體的、有意義的知覺，而不是聯(lián)結(jié)起來的表象的簡(jiǎn)單集合；主張學(xué)習(xí)是在于構(gòu)成一種完形，是改變一個(gè)完形為另一完形。我們的視覺系統(tǒng)自動(dòng)對(duì)視覺輸入構(gòu)建結(jié)構(gòu)，并在神經(jīng)系統(tǒng)層面上感知形狀、圖形和物體，而不是只看到互不相連的邊、線和區(qū)域。他們認(rèn)為學(xué)習(xí)的過程不是試嘗錯(cuò)誤的過程，而是頓悟的過程，即結(jié)合當(dāng)前整個(gè)情境對(duì)問題的突然解決。再通俗一點(diǎn)就是人是怎樣認(rèn)知和記憶所看到的事物。

2. 格式塔原理在設(shè)計(jì)中的應(yīng)用

考夫卡在其書中認(rèn)為，我們自然而然地觀察到的經(jīng)驗(yàn)，都帶有格式塔的特點(diǎn)。他以心物場(chǎng)和同型論（心理功能完整性原則和心理無力學(xué)同型性原則）為格式塔總綱，從而派生出若干亞原則稱作組織率。 我們常稱為“格式塔組織率”或“格式塔原則”。

① 接近性原則 law of proximity

物體之間相對(duì)距離會(huì)影響我們感知它們是否以及如何組織在一起。相互靠近的物體看起來屬于一組，而那些距離較遠(yuǎn)的就不是。 利用這個(gè)原則，調(diào)整距離或者用分割線等來分開不同設(shè)計(jì)模式的構(gòu)建。會(huì)使設(shè)計(jì)界面層次有序，視覺清晰，減少視覺噪音。

相互關(guān)聯(lián)的控件和內(nèi)容之間距離越近，用戶越能感知它們的相關(guān)性。反之，如果距離太遠(yuǎn)，用戶很難感知到它們是相關(guān)的，那么產(chǎn)品在體驗(yàn)上就更加難用。

小貼士

屬性相同、場(chǎng)景相似的信息應(yīng)該放在一起，降低閱讀成本，提高用戶感知效率；不相關(guān)的信息盡量區(qū)分開，不要放在一起模糊不清引起不必要的誤解。

② 相似性原則 law of similarity

有共同視覺元素的物體看起來更有關(guān)聯(lián)性。我們傾向于將看起來相似的對(duì)象視為一組或者一個(gè)模式，并且將它們與特定含義或者功能聯(lián)系在一起。

相似性表達(dá)的是元素形式和內(nèi)容上的接近，包括形狀、顏色、大小、運(yùn)動(dòng)狀態(tài)等等。如果在一堆元素中有一些具有某種相同的特征，那么在我們的認(rèn)知中這些元素具有更強(qiáng)的相關(guān)性。在 UI 設(shè)計(jì)中，我們經(jīng)常用到這個(gè)原則，主要有以下 3 個(gè)方面：

1. 界面內(nèi)相同功能的組件保持樣式統(tǒng)一，擁有相同功能、含義、層次結(jié)構(gòu)的組件保持樣式上的統(tǒng)一可以使用戶快速理解這個(gè)組件的操作方式，降低用戶學(xué)習(xí)成本。
2. APP 內(nèi)部風(fēng)格保持統(tǒng)一；統(tǒng)一的風(fēng)格能夠讓用戶清晰地感知到自己處在同一個(gè) app/網(wǎng)站中，這不僅僅是用戶體驗(yàn)的要求，也是視覺上的需求。
3. 特異點(diǎn)更易獲得視覺焦；反過來思考，在相似的元素中，突然躥出一個(gè)截然不同的東西，你立馬就會(huì)被其吸引，這其實(shí)也是相似性原理的一種逆向應(yīng)用的方法。比如很多 app 的 tab 選中狀態(tài)會(huì)比較突出。

小貼士

看起來和接近性非常類似，但是他們卻是不同的兩個(gè)概念。接近性強(qiáng)調(diào)額位置，相似性則強(qiáng)調(diào)內(nèi)容。通常把有明顯特征的事物（形狀、顏色、大?。┙M合在一起。多用于表單與導(dǎo)航。

③ 連續(xù)性原則 law of continuity

我們的視覺傾向于感知連續(xù)的形式，而不是離散的碎片。并且能感知到整個(gè)物體的傾向，連續(xù)性通過構(gòu)圖來幫助我們感知事物的形狀和運(yùn)動(dòng)方向。界面中的設(shè)計(jì)元素，會(huì)引導(dǎo)眼睛在平面中的移動(dòng)，提高界面的可閱讀性。創(chuàng)建順序并且指導(dǎo)用戶瀏覽不同的內(nèi)容分組。

vivo 錢包-貸款中會(huì)使用連續(xù)的線段、進(jìn)度條，使視覺上會(huì)跟隨線條方向由左向右去了解目前的進(jìn)度。

小貼士

視覺傾向于感知連續(xù)的形式而不是分散的碎片，通過找到非常微小的共性，將多個(gè)不同的信息連接成一個(gè)整體，是界面設(shè)計(jì)和 logo 設(shè)計(jì)常用的原則之一。

③ 閉合性原則 law of closure

人們?cè)谟^察熟悉的視覺形象時(shí)，會(huì)把不完整的局部形象當(dāng)作一個(gè)整體的形象來感知，這種知覺上的結(jié)束，稱之為閉合。如果局部形象過于陌生或者簡(jiǎn)略，則不會(huì)產(chǎn)生整體閉合聯(lián)想。

閉合是一種完成某種圖形(完形)的行動(dòng)。就算沒有外形的約束，我們也會(huì)自動(dòng)把圖形腦補(bǔ)完全。比如半個(gè)形狀或者有缺口的形狀我們不會(huì)認(rèn)為是一條線或各種零碎的圖形，而是一個(gè)完整的形狀。閉合是指一種完形的認(rèn)知規(guī)律。

這個(gè)原則也非常適用于界面設(shè)計(jì)中，運(yùn)用省略或者減法處理圖形，不僅可以節(jié)省空間，同時(shí)也讓用戶產(chǎn)生聯(lián)想，產(chǎn)生趣味性。比如 UI 界面中的導(dǎo)航欄，卡片模式等。

我們常見的頁(yè)面橫滑組件（卡片的部分隱藏）就運(yùn)用了閉合律原則，通常在界面右側(cè)露出一半（或少部分）內(nèi)容，來提示用戶右邊還隱藏著更多內(nèi)容

⑤ 主體/背景原理 Figure-Ground

大腦將視覺區(qū)域分為主體和背景，主體包括一個(gè)場(chǎng)景中占據(jù)我們注意力的所有元素，其余則是背景；這個(gè)特征有利于我們對(duì)重要信息和次要信息的感知。主體和背景的區(qū)別可以從以下兩個(gè)方面來控制：

場(chǎng)景大小—— 我們傾向于將處于大場(chǎng)景中的中間小區(qū)域部分視為主體，而大場(chǎng)景視為背景；

層級(jí)關(guān)系—— 如果在同一個(gè)平面中，我們傾向于將處于視覺第一層級(jí)的物體視為主體。

原則可以幫助設(shè)計(jì)師在設(shè)計(jì)界面的過程中抓住用戶注意力，并且讓用戶優(yōu)先看到我們想讓他們看到的事物。

比如重要信息的彈窗提示，作為用戶注意力焦點(diǎn)的內(nèi)容臨時(shí)成為了彈窗的背景，彈窗則會(huì)短暫成為新的主體；以及弱化背景從而突出內(nèi)容等界面中都有運(yùn)用到此原則。很多工具類型的 app 就會(huì)利用這個(gè)原則，比如滴滴的首頁(yè)和高德地圖視覺都以大半屏地圖為主體，操作放在下方。

⑥ 簡(jiǎn)單對(duì)稱性原理 Simple principle

在觀察事物過程中，我們第一印象更傾向于簡(jiǎn)單而且對(duì)稱的圖形，這就是格式塔的對(duì)稱性原則。

具有對(duì)稱、規(guī)則、平滑的簡(jiǎn)單圖形特征的各部分趨于組成整體。對(duì)稱的元素往往被認(rèn)為是歸屬在一起的，而不管它們之間的距離，都給我們一種牢固和有序的感覺。

人的眼睛喜歡在復(fù)雜的形狀中找到簡(jiǎn)單而有序的對(duì)象，當(dāng)我們?cè)谝粋€(gè)設(shè)計(jì)中看到復(fù)雜的物體時(shí)，眼睛更愿意將它們轉(zhuǎn)換為單一統(tǒng)一形狀，并嘗試從這些形狀中移除無關(guān)的細(xì)節(jié)來簡(jiǎn)化這些物體。

對(duì)稱的構(gòu)圖是令人滿意的，但它們也會(huì)變得有點(diǎn)沉悶。在對(duì)稱的設(shè)計(jì)中加入不對(duì)稱的元素可以在給人留下印象的同時(shí)吸引注意力。

vivo 游戲中心：左右布局的瀑布流就是格式塔的簡(jiǎn)化對(duì)稱性的體現(xiàn)，用戶在瀏覽的的過程中有效減輕了閱讀壓力。特別適合這種以圖片流為主的產(chǎn)品，能大大提高瀏覽效率。

⑦ 共同命運(yùn)原理 Common destiny

無論元素之間的距離有多遠(yuǎn)，或者它們看起來有多不同，如果它們一起運(yùn)動(dòng)或變化，它們都被認(rèn)為是相關(guān)的。這里的共同命運(yùn)針對(duì)的是運(yùn)動(dòng)的物體。與接近性原理和相似性原理相似，都與我們的視覺系統(tǒng)會(huì)有著給對(duì)象進(jìn)行分組來感知事物的傾向相關(guān)，但是一起運(yùn)動(dòng)的物體會(huì)被感知為屬于同一組或是彼此相關(guān)這樣的一種視覺現(xiàn)象，這就是格式塔中的共同命運(yùn)原則。

向同一方向移動(dòng)的元素，我們?cè)谔幚淼倪^程當(dāng)中，會(huì)默認(rèn)把它們歸為一類

vivo 錢包首頁(yè)中，“圖標(biāo)”滑動(dòng)時(shí)是一起滑動(dòng)的，以及 iPhone 刪除應(yīng)用時(shí)候，所有圖標(biāo)都一起晃動(dòng)起來，要么刪除，要么保留，這就是共同命運(yùn)原則。

韋德海默與同事和學(xué)生發(fā)現(xiàn)了很多原則，最終定名的有 100 多條（如“平行性 Parallelism、異質(zhì)同形 isomorphism、視覺偽裝 visual camouflage、成員特性等）。

小貼士

成員特性原則：

一個(gè)整體中的個(gè)別部分并不具有固定的特性，個(gè)別部分的特性是從它與其他部分的關(guān)系中顯現(xiàn)出來的。

如果我們有很多同樣的按鈕，如何讓某個(gè)更重要的按鈕突出但是仍然讓用戶感知還是按鈕呢？那就要用到成員特性律了。成員特性律賦予了集體中某一個(gè)元素特殊的一些刺激元素從而突出它。

獨(dú)特的外形暗示了它與別的元素有不同的功能

3. 格式塔原理總結(jié)

我們把原理歸類、總結(jié)的目的有兩個(gè)：

一是自我檢查，我們?cè)跇?gòu)思設(shè)計(jì)的過程中往往會(huì)多于專注視覺效果的創(chuàng)作而忽略最基本的原理，比如在設(shè)計(jì)之前進(jìn)行完整的設(shè)計(jì)構(gòu)思；設(shè)計(jì)過程中檢查自己的設(shè)計(jì)作品，避免低級(jí)錯(cuò)誤導(dǎo)致反復(fù)改稿，比如信息不對(duì)齊，布局雜亂等；再就是設(shè)計(jì)完成之后對(duì)需求方有理有據(jù)的陳述。

二是在深入理解的前提下做設(shè)計(jì)時(shí)能夠舉一反三。

用戶界面設(shè)計(jì)并不全是關(guān)于漂亮的像素和完美的圖形。它主要是關(guān)于溝通、性能和便利性。格式塔原則總是幫助我們實(shí)現(xiàn)這些目標(biāo)，為用戶創(chuàng)造愉快的體驗(yàn)，為企業(yè)創(chuàng)造巨大的成功。

這 7 項(xiàng)法則并不是獨(dú)立存在的，它們之間具有高度的關(guān)聯(lián)性，是相輔相成的關(guān)系，我們需要跟進(jìn)不同的需求類型和用戶場(chǎng)景，運(yùn)用這些基本法則打出組合拳，使你的設(shè)計(jì)方案更有依據(jù)。

在做產(chǎn)品或者設(shè)計(jì)的時(shí)候一定要考慮人的認(rèn)知與記憶的因素，這是與生俱來的天性，人們的審美對(duì)簡(jiǎn)單與和諧具有基本的要求。我們只有更好的利用視覺空間設(shè)計(jì)作品，減少設(shè)計(jì)的復(fù)雜性，盡量保持格式塔原則的完整，用戶才能更好更容易地理解使用我們的產(chǎn)品。

用戶界面設(shè)計(jì)并不全是關(guān)于漂亮的像素和完美的圖形。它主要是關(guān)于溝通、性能和便利性。其中格式塔原則總是幫助我們實(shí)現(xiàn)這些目標(biāo)，為用戶創(chuàng)造愉快的體驗(yàn)，為企業(yè)創(chuàng)造巨大的成功。

學(xué)習(xí)研究人們的心理并在設(shè)計(jì)中加以運(yùn)用，給產(chǎn)品帶來更直觀的優(yōu)化設(shè)計(jì)，不僅能提升設(shè)計(jì)師的設(shè)計(jì)技能，更能使大家在產(chǎn)品設(shè)計(jì)中加入自己的一些思考，使得設(shè)計(jì)內(nèi)容更有深度。同時(shí)，設(shè)計(jì)心理學(xué)的靈活運(yùn)用能大幅提升用戶的設(shè)計(jì)體驗(yàn)，起到引導(dǎo)用戶的作用，并實(shí)現(xiàn)產(chǎn)品效益最大化。

作者：VMIC UED