超多案例！視覺設(shè)計師如何用好格式塔心理學(xué)？
設(shè)計方法論是能夠不斷復(fù)用、貼近真理的一般性規(guī)律，幫助分析和解決問題即從經(jīng)驗中總結(jié)出科學(xué)的規(guī)律，然后把這個規(guī)律用在該條件的具體事項上的過程，學(xué)習(xí)和應(yīng)用設(shè)計方法論可以提升團(tuán)隊設(shè)計效率和專業(yè)性、以及團(tuán)隊影響力，全系列一共 12 篇，歡迎持續(xù)關(guān)注。
什么是設(shè)計心理學(xué)？—— “設(shè)計心理學(xué)分為設(shè)計與心理學(xué)兩大要素”
什么是設(shè)計？—— “設(shè)計是設(shè)想、運(yùn)籌、計劃與預(yù)算，它是人類為實現(xiàn)某種特定目的而進(jìn)創(chuàng)造性活動?！?/p>
根據(jù)設(shè)計目的可以劃分為視覺傳達(dá)設(shè)計、產(chǎn)品設(shè)計與環(huán)境設(shè)計三大類。
其中與我們息息相關(guān)的視覺傳達(dá)設(shè)計正是體現(xiàn)了人和社會的關(guān)系，視覺傳達(dá)涉及很多領(lǐng)域如包裝設(shè)計、版式設(shè)計、廣告設(shè)計、 展示設(shè)計、影視設(shè)計等等，在視覺傳達(dá)設(shè)計領(lǐng)域自然就必須將社會中的人的心理考慮進(jìn)去。
設(shè)計心理學(xué)就是建立在心理學(xué)基礎(chǔ)上，把人們心理狀態(tài)，尤其是人們對于需求的心理，通過意識作用于設(shè)計的一門學(xué)問。它同時研究人們在設(shè)計創(chuàng)造過程中的心態(tài)以及設(shè)計對社會、對社會個體所產(chǎn)生的心理反應(yīng)，反過來再作用于設(shè)計，起到使設(shè)計更能夠反映和滿足人們心理的作用。
設(shè)計心理學(xué)作為設(shè)計學(xué)最重要的理論學(xué)科，它對設(shè)計學(xué)的發(fā)展、設(shè)計活動的指導(dǎo)和設(shè)計的創(chuàng)新活動都有著重要的指導(dǎo)意義，通過對設(shè)計心理學(xué)概念和研究方法的了解，使設(shè)計師能意識到在當(dāng)代多元的情感消費(fèi)社會里，設(shè)計心理學(xué)所具有的重要作用，使設(shè)計師能更好地學(xué)習(xí)和掌握設(shè)計心理學(xué)，完善設(shè)計知識結(jié)構(gòu)，創(chuàng)造出更多符合人類需要的優(yōu)秀設(shè)計。
一個不懂人類心理學(xué)的設(shè)計師，不會比一個不懂物理學(xué)的建筑?！狫oe Leech
為了理解用戶的心理行為和反應(yīng)，我們首先需要觀察。幸運(yùn)的是，自 19 世紀(jì)初以來，心理學(xué)家們一直在各種控制良好的環(huán)境中進(jìn)行大量的實驗。許多常見的心理現(xiàn)象已經(jīng)得到了廣泛的認(rèn)證，我們只需要理解它們并找出如何將它們應(yīng)用到設(shè)計的思想中。
視覺是一切感覺之首。人的大腦有一半的資源都用于接受和解析眼睛所見。但眼睛所見并非全部，因為視覺信息還要經(jīng)過大腦轉(zhuǎn)換和解析。真正用來“觀察”的其實是大腦。我們所看到的并不是真相，我們的大腦在影響我們的感知；很大程度上是我們“期望”感知到的。
感知至少受到以下 3 個因素影響，與現(xiàn)實存在偏差：
1. 先入為主的經(jīng)驗影響我們的感知
人常根據(jù)以往的經(jīng)驗來對事物進(jìn)行理解和判斷；先入為主的經(jīng)驗會給用戶不一樣的感知和理解；你看到什么取決于經(jīng)驗/別人告訴你什么？
心理學(xué)上有個概念叫熟悉度偏見（Familiarity bias），就是說大家傾向于更相信自己熟悉的東西。比如，面對一道不會的選擇題，人們更傾向于選擇自己熟悉的那個答案，而不是正確答案。人們自然而然會偏向他們熟悉的東西，人們喜歡信任他們所知道的，害怕變化而產(chǎn)生的不舒服，這就是為什么最好的新產(chǎn)品都是用最熟悉的模式。久而久之這些熟悉的環(huán)境會在我們心智中建立框架。專家管這個叫“感知模式/感知框架”。
不同場合的感知框架影響我們在不同場合下對期待見到的事物感知；使用電腦、手機(jī)的人對桌面和文件、網(wǎng)站和各種類型的 APP 都會有相對應(yīng)的感知框架；用戶經(jīng)常不認(rèn)真看屏幕就點擊按鈕或鏈接，他們更多是靠以往經(jīng)驗來引導(dǎo)他們對界面的感知，所以知道這個原理我可以更好的了解那些設(shè)計原則
① 和用戶預(yù)期保持一致性
熟悉的瞬間能夠建立信任，而不熟悉的模式則可能產(chǎn)生混亂（至少在最初）。 如果不符合人熟悉的心智模型及框架，就很容易讓人覺得煩躁；經(jīng)常炒股的朋友，會對紅色綠色很敏感，綠色代表下跌紅色代表漲；很多用慣安卓的用戶，突然用 iOS 會很不習(xí)慣。
小案例
- 電子書保留了模擬現(xiàn)實翻書的效果，這樣大大降低用戶理解左右滑控制翻書上下頁的理解成本。
- 朋友圈廣告的樣式也是符合用戶心智模型，呈現(xiàn)形式與好友發(fā)的朋友圈保持一致。以明星作為好友，插入大圖，底部還可以看到好友的評論和互動，這樣給人的感覺就像好友發(fā)了一個狀態(tài)，而非一條赤裸裸的廣告。
- 紅包設(shè)計形式就很像現(xiàn)實中的紅包，所以很多人也一下子就理解這是紅包，而且點開就是拆紅包了。
舉例：vivo 電子書、vivo 錢包
要點：熟悉度偏見是很有效的，所以要用用戶所熟悉的東西來幫助他們更快地使用你的產(chǎn)品。
② 和平臺規(guī)范保持一致性
產(chǎn)品的設(shè)計要和平臺的規(guī)范保持一致；也需要與競品保持一致，比如同類型的 app 基本是大同小異的。
③ 產(chǎn)品內(nèi)部規(guī)范一致性
其中包括迭代版本保持一致性，同一層級圖標(biāo)顏色字體保持一致性，品牌一致性，交互行為一致性；不同的品牌有自己的調(diào)性，可以直接通過設(shè)計語言傳達(dá)給用戶，而且能夠達(dá)到一個良好的品牌辨識度，成熟的產(chǎn)品有自己的設(shè)計標(biāo)準(zhǔn)。
舉例：vivo 錢包-首頁、貸款、卡包、我的
④ 遵循用戶的操作習(xí)慣
在找某件東西的時候，如果它不在老地方或者看起來和以前不一樣，就算在我們眼前，我們也找半天，這也是因為我們受以往的經(jīng)驗影響感知；因此相同或相似產(chǎn)品的用戶習(xí)慣保持一致，即意味著用戶需要更少的時間去學(xué)習(xí)甚至不需要學(xué)習(xí)。
舉例：Figma、sketch
我們常用的設(shè)計軟件 figma 和 sketch，他們在界面結(jié)構(gòu)、功能位置、操作方式包括快捷鍵，基本都是一致的。
2. 環(huán)境影響我們的感知
周圍環(huán)境對感知的影響也同樣存在于不同感官之間。五個感官任何之一的感知都可能同時影響其他感官的感知。
例如：我們聽到的能影響我們看到的，反之亦然；我們聽到、看到或者聞到的能影響我們的觸覺。
對于識別一個字母、一個單詞、一張臉或者任何物體的神經(jīng)活動，都包含了環(huán)境刺激產(chǎn)生的神經(jīng)信號的輸入。這個環(huán)境包括感知到的其他臨近對象和事件，甚至由環(huán)境激活的對以往感知到的對象和事件的記憶。
人們經(jīng)常根據(jù)周圍的情景去理解事物，視覺感知也是一樣的，上下文會影響我們對某一個詞的理解；環(huán)境有時候會產(chǎn)生歧義。同樣的一段話放在不同的語句當(dāng)中，會有不同的理解。視覺上也是如此：
分別是繆勒-萊爾錯覺、咖啡墻錯覺、蓬佐錯覺、賈斯特羅錯覺
小貼士
我們需要留意所看到的圖形與實際之間的偏差，從而對設(shè)計進(jìn)行調(diào)整。環(huán)境影響我們的感知，所以需要確認(rèn)好避免歧義，并通過測試確認(rèn)所有用戶對產(chǎn)品信息的理解是一致的。
3. 目標(biāo)影響我們的感知
除了視覺，目標(biāo)會過濾其他感官的感知。
例如：曾經(jīng)在一趟課上，老師請學(xué)生看一段幾分鐘的錄像，并請他們注意錄像中一共有幾個白衣人出現(xiàn)。學(xué)生們聚精會神看完錄像，所有人都能準(zhǔn)確無誤的告訴老師錢后共有幾個白衣人出現(xiàn)。
這時老師微笑著問大家：有沒有人看見黑猩猩？什么？除了黑衣人、白衣人、還有一只黑猩猩？全班竟然沒有一個人發(fā)現(xiàn)。
當(dāng)用戶使用某款 app 時通常都是帶有目的性的去操作，這個過程中會過濾與其達(dá)成目標(biāo)操作無關(guān)的東西，當(dāng)用戶在軟件尋找信息或某個功能時，他們并不會認(rèn)真的閱讀，只是快速而粗略的掃描屏幕上與目標(biāo)相關(guān)的東西。
目標(biāo)會影響我們注意什么--感知是主動的，我們動用感官去找到和目標(biāo)相關(guān)的東西。目標(biāo)使我們的感知系統(tǒng)對某些特性敏感--例如在下圖找紅色的圓點，大腦對紅色就會特別敏感，而其它顏色就幾乎不會被注意到，即使我們的確“看到”了它們。
當(dāng)用戶充分的調(diào)動感知來尋找目標(biāo)的時候，由于用戶的注意力處于一種高度的緊張狀態(tài)，這是一種不好的用戶體驗，我們要做的是讓用戶能夠輕松的完成目標(biāo)任務(wù)，而不需要有高度的緊張和尋找。
舉例：vivo 錢包-貸款信息驗證部分流程
vivo 錢包-貸款在用戶信息驗證時候，清晰告知用戶整體流程狀態(tài)，提高用戶對整體流程的把控感，安全感。
在設(shè)計中應(yīng)怎么做
- 避免顯示有歧義的信息，并通過測試確認(rèn)所有用戶對信息的理解是一致的。當(dāng)無法消除歧義時，要么依靠設(shè)計標(biāo)準(zhǔn)或用戶習(xí)慣，要么告知用戶用你期望的方式去理解歧義之處。
- 在一致的位置擺放信息和控件。不同頁面上提供的相同功能的控件和數(shù)據(jù)顯示應(yīng)該擺放在每一頁上相同的位置，而且它們還應(yīng)該有相同的顏色、字體和陰影等。這樣的一致性能讓用戶很快找到和識別它們。一致性的設(shè)計原則對用戶而言可以讓信息傳達(dá)和用戶使用體驗更好；對產(chǎn)品研發(fā)團(tuán)隊來說，也會減少設(shè)計的研發(fā)成本。
- 理解用戶目標(biāo)，知道用戶要感知什么，從而確保提供必要的信息清晰的對應(yīng)用戶的感知。用戶去用一個系統(tǒng)是有目標(biāo)的，設(shè)計者應(yīng)該了解這些目標(biāo)，要認(rèn)識到不同用戶的目標(biāo)可能不同，而且他們的目標(biāo)強(qiáng)烈左右他們能感知到什么。在有所交互的每個點，確保提供了用戶需要的信息，并非常清晰地對應(yīng)到一個可能的用戶目標(biāo)，使用戶能夠注意到并使用這些信息。
先給大家舉一個栗子，大家平時逛街的時候能記住哪些廣告呢？ 我們雖然每天看到那么多的信息，但是真正記住的卻不多。還有當(dāng)我們看到復(fù)雜的事物的時候，心里會涌現(xiàn)不舒服的奇怪感受，有時候這種感受沒有辦法用語言來描述。那么為什么會有這些感受呢？
其實道理很簡單，我們做的東西是給人用的。人的認(rèn)知和記憶能力是有限的。視覺設(shè)計和心理是相互聯(lián)系，并且相互影響的。格式塔原則可以幫助我們理解和控制這些聯(lián)系。
1. 什么是格式塔
1910 年，德國飛馳的一列火車上，韋德海默眺望窗外的風(fēng)景。電線桿、房舍和山頂盡管是靜止不動的，可看起來卻好像在與火車一起飛奔，這是為什么呢？韋德海默對這個錯覺的疑問，開啟了一門新的心理學(xué)派--格式塔心理學(xué)。可以說是視錯覺導(dǎo)致了格式塔的崛起。
格式塔由創(chuàng)始人德國心理學(xué)家馬科斯·韋德海默提出，是德文 Gestalt 的音譯，也稱「完形心理學(xué)」。
他的視覺研究受到當(dāng)時新發(fā)現(xiàn)的物理學(xué)定律影響，他認(rèn)為和物理世界的「電場、磁場、重力場」一樣，在人類的知覺世界里應(yīng)該也有一個極為類似的“場”存在。人類視覺世界稱為「視覺場」；和人類生活、學(xué)習(xí)等情景相關(guān)的是「知覺場」。人們知覺到此場，并加以利用在把握這個整體，而至完形。因此「完形」心理學(xué)被稱為“場論”（fieid theory）。（“完形”就是格式塔，格式塔是完形的中文音譯）
格式塔在「視覺場」中的定義是：在“視覺場”中的各種力量組合成一個自我完滿而平衡的整體。在格式塔中，任何元素的改變都將影響整體以及各部分之本來特性。
格式塔將心理現(xiàn)象視為有機(jī)整體，任務(wù)整體雖有各個部分組成，但并不等于部分之和而是大于部分之和。并且認(rèn)為，整體先于部分并且決定部分的性質(zhì)。格式塔理論的關(guān)注焦點是“族群”
格式塔反對構(gòu)造主義元素學(xué)說（把人的復(fù)雜知覺簡單看成是各種零碎感覺元素，以及通過聯(lián)想把這些感覺元素合起來而構(gòu)成的）。如同看一棵樹，元素主義認(rèn)為人對樹的知覺只是各種感覺和顏色、形狀、亮度等元素復(fù)合構(gòu)成的。即所謂“統(tǒng)覺”。格式塔心理學(xué)則認(rèn)為人的第一眼就將這棵樹感知為一個完整的整體，而不是單個感覺元素集合加總構(gòu)成的。
2. 格式塔實驗研究
主要包括以下三方面的實驗研究:
① 似動現(xiàn)象
似動現(xiàn)象是形成格式塔心理學(xué)的基礎(chǔ)。是指兩個相距不遠(yuǎn)、相繼出現(xiàn)的視覺刺激物，呈現(xiàn)的時間間隔如果在 1/10 秒到 1/30 秒之間，那么我們看到的不是兩個物體，而是一個物體在移動。
例如，我們看到燈光從一處向另一處移動，事實上是這只燈熄了，那只燈同時亮了。這種現(xiàn)象正是不能把整體分解成部分的證據(jù)。這種現(xiàn)象的組成部分是一些獨立的燈在一開一關(guān)，但組成一個整體后，給人造成這些燈在動的假象。
后來，格式塔心理學(xué)把重點放在整體系統(tǒng)上，在這個系統(tǒng)中，各個部分是以一種能動的方式相互聯(lián)系在一起的，也就是說，僅根據(jù)各分離的部分，無法推斷出這個整體。所以人們把它稱為“格式塔或完形心理學(xué)”。
② 整體與部分
看起來格式塔心理學(xué)是把重點放在整體上，但這并不意味著他們不承認(rèn)分離性。事實上，格式塔也可以是指一個分離的整體。
研究認(rèn)為，一個人的知覺場始終被分成圖形與背景兩部分。“圖形”是一個格式塔，是突出的實體，是我們知覺到的事物；“背景”則是尚未分化的、襯托圖形的東西。知覺幫助我們把圖形從背景中分離出來。圖形與背景的對比越大，圖形的輪廓越明顯，則圖形越容易被發(fā)覺。
③ 頓悟?qū)嶒?/strong>
苛勒在一次實驗中用繩子把一只香蕉懸掛在籠子的頂棚上?；\子里只有惟一的一只木箱可以使用。6 只黑猩猩看到香蕉時跳躍起來竭力想抓住香蕉，但是徒勞。有一只名叫蘇爾坦的黑猩猩馬上停止了這些白費(fèi)力氣的努力，開始從各個方向打量箱子。忽然它停在箱子前面，抓起它并徑直朝目標(biāo)走去。它把木箱迅速放到地上，爬上箱子，從木箱上面使勁跳起，終于抓住了香蕉。
苛勒還對這組黑猩猩使用其他工具進(jìn)行了觀察，如利用木棍去獲取放在籠子外面的水果。這些黑猩猩甚至能夠?qū)筛坦鬟B接起來做成一根長棍。同樣，它們還能把兩三個箱子疊放在一起，再爬到放在最上面的箱子頂上，借助一根木棍去獲取香蕉。
苛勒通過對黑猩猩進(jìn)行的許多實驗，提出了頓悟理論。他認(rèn)為問題的解決不是由于嘗試錯誤，而是由于頓悟。所謂頓悟，就是內(nèi)在地把握情境的關(guān)系性，并依此改變整個情境。
或許正如一些批評家所指出的那樣，頓悟不是一種獨立的學(xué)習(xí)過程或?qū)W習(xí)形式，而是學(xué)習(xí)達(dá)到一定程度的表現(xiàn)或者結(jié)果。一定的經(jīng)驗積累，是產(chǎn)生頓悟的前提。
小總結(jié)
他們認(rèn)為思維是整體的、有意義的知覺，而不是聯(lián)結(jié)起來的表象的簡單集合；主張學(xué)習(xí)是在于構(gòu)成一種完形，是改變一個完形為另一完形。我們的視覺系統(tǒng)自動對視覺輸入構(gòu)建結(jié)構(gòu)，并在神經(jīng)系統(tǒng)層面上感知形狀、圖形和物體，而不是只看到互不相連的邊、線和區(qū)域。他們認(rèn)為學(xué)習(xí)的過程不是試嘗錯誤的過程，而是頓悟的過程，即結(jié)合當(dāng)前整個情境對問題的突然解決。再通俗一點就是人是怎樣認(rèn)知和記憶所看到的事物。
2. 格式塔原理在設(shè)計中的應(yīng)用
考夫卡在其書中認(rèn)為，我們自然而然地觀察到的經(jīng)驗，都帶有格式塔的特點。他以心物場和同型論（心理功能完整性原則和心理無力學(xué)同型性原則）為格式塔總綱，從而派生出若干亞原則稱作組織率。 我們常稱為“格式塔組織率”或“格式塔原則”。
① 接近性原則 law of proximity
物體之間相對距離會影響我們感知它們是否以及如何組織在一起。相互靠近的物體看起來屬于一組，而那些距離較遠(yuǎn)的就不是。 利用這個原則，調(diào)整距離或者用分割線等來分開不同設(shè)計模式的構(gòu)建。會使設(shè)計界面層次有序，視覺清晰，減少視覺噪音。
相互關(guān)聯(lián)的控件和內(nèi)容之間距離越近，用戶越能感知它們的相關(guān)性。反之，如果距離太遠(yuǎn)，用戶很難感知到它們是相關(guān)的，那么產(chǎn)品在體驗上就更加難用。
小貼士
屬性相同、場景相似的信息應(yīng)該放在一起，降低閱讀成本，提高用戶感知效率；不相關(guān)的信息盡量區(qū)分開，不要放在一起模糊不清引起不必要的誤解。
② 相似性原則 law of similarity
有共同視覺元素的物體看起來更有關(guān)聯(lián)性。我們傾向于將看起來相似的對象視為一組或者一個模式，并且將它們與特定含義或者功能聯(lián)系在一起。
相似性表達(dá)的是元素形式和內(nèi)容上的接近，包括形狀、顏色、大小、運(yùn)動狀態(tài)等等。如果在一堆元素中有一些具有某種相同的特征，那么在我們的認(rèn)知中這些元素具有更強(qiáng)的相關(guān)性。在 UI 設(shè)計中，我們經(jīng)常用到這個原則，主要有以下 3 個方面：
- 界面內(nèi)相同功能的組件保持樣式統(tǒng)一，擁有相同功能、含義、層次結(jié)構(gòu)的組件保持樣式上的統(tǒng)一可以使用戶快速理解這個組件的操作方式，降低用戶學(xué)習(xí)成本。
- APP 內(nèi)部風(fēng)格保持統(tǒng)一；統(tǒng)一的風(fēng)格能夠讓用戶清晰地感知到自己處在同一個 app/網(wǎng)站中，這不僅僅是用戶體驗的要求，也是視覺上的需求。
- 特異點更易獲得視覺焦；反過來思考，在相似的元素中，突然躥出一個截然不同的東西，你立馬就會被其吸引，這其實也是相似性原理的一種逆向應(yīng)用的方法。比如很多 app 的 tab 選中狀態(tài)會比較突出。
小貼士
看起來和接近性非常類似，但是他們卻是不同的兩個概念。接近性強(qiáng)調(diào)額位置，相似性則強(qiáng)調(diào)內(nèi)容。通常把有明顯特征的事物（形狀、顏色、大?。┙M合在一起。多用于表單與導(dǎo)航。
③ 連續(xù)性原則 law of continuity
我們的視覺傾向于感知連續(xù)的形式，而不是離散的碎片。并且能感知到整個物體的傾向，連續(xù)性通過構(gòu)圖來幫助我們感知事物的形狀和運(yùn)動方向。界面中的設(shè)計元素，會引導(dǎo)眼睛在平面中的移動，提高界面的可閱讀性。創(chuàng)建順序并且指導(dǎo)用戶瀏覽不同的內(nèi)容分組。
vivo 錢包-貸款中會使用連續(xù)的線段、進(jìn)度條，使視覺上會跟隨線條方向由左向右去了解目前的進(jìn)度。
小貼士
視覺傾向于感知連續(xù)的形式而不是分散的碎片，通過找到非常微小的共性，將多個不同的信息連接成一個整體，是界面設(shè)計和 logo 設(shè)計常用的原則之一。
③ 閉合性原則 law of closure
人們在觀察熟悉的視覺形象時，會把不完整的局部形象當(dāng)作一個整體的形象來感知，這種知覺上的結(jié)束，稱之為閉合。如果局部形象過于陌生或者簡略，則不會產(chǎn)生整體閉合聯(lián)想。
閉合是一種完成某種圖形(完形)的行動。就算沒有外形的約束，我們也會自動把圖形腦補(bǔ)完全。比如半個形狀或者有缺口的形狀我們不會認(rèn)為是一條線或各種零碎的圖形，而是一個完整的形狀。閉合是指一種完形的認(rèn)知規(guī)律。
這個原則也非常適用于界面設(shè)計中，運(yùn)用省略或者減法處理圖形，不僅可以節(jié)省空間，同時也讓用戶產(chǎn)生聯(lián)想，產(chǎn)生趣味性。比如 UI 界面中的導(dǎo)航欄，卡片模式等。
我們常見的頁面橫滑組件（卡片的部分隱藏）就運(yùn)用了閉合律原則，通常在界面右側(cè)露出一半（或少部分）內(nèi)容，來提示用戶右邊還隱藏著更多內(nèi)容
⑤ 主體/背景原理 Figure-Ground
大腦將視覺區(qū)域分為主體和背景，主體包括一個場景中占據(jù)我們注意力的所有元素，其余則是背景；這個特征有利于我們對重要信息和次要信息的感知。主體和背景的區(qū)別可以從以下兩個方面來控制：
場景大小—— 我們傾向于將處于大場景中的中間小區(qū)域部分視為主體，而大場景視為背景；
層級關(guān)系—— 如果在同一個平面中，我們傾向于將處于視覺第一層級的物體視為主體。
原則可以幫助設(shè)計師在設(shè)計界面的過程中抓住用戶注意力，并且讓用戶優(yōu)先看到我們想讓他們看到的事物。
比如重要信息的彈窗提示，作為用戶注意力焦點的內(nèi)容臨時成為了彈窗的背景，彈窗則會短暫成為新的主體；以及弱化背景從而突出內(nèi)容等界面中都有運(yùn)用到此原則。很多工具類型的 app 就會利用這個原則，比如滴滴的首頁和高德地圖視覺都以大半屏地圖為主體，操作放在下方。
⑥ 簡單對稱性原理 Simple principle
在觀察事物過程中，我們第一印象更傾向于簡單而且對稱的圖形，這就是格式塔的對稱性原則。
具有對稱、規(guī)則、平滑的簡單圖形特征的各部分趨于組成整體。對稱的元素往往被認(rèn)為是歸屬在一起的，而不管它們之間的距離，都給我們一種牢固和有序的感覺。
人的眼睛喜歡在復(fù)雜的形狀中找到簡單而有序的對象，當(dāng)我們在一個設(shè)計中看到復(fù)雜的物體時，眼睛更愿意將它們轉(zhuǎn)換為單一統(tǒng)一形狀，并嘗試從這些形狀中移除無關(guān)的細(xì)節(jié)來簡化這些物體。
對稱的構(gòu)圖是令人滿意的，但它們也會變得有點沉悶。在對稱的設(shè)計中加入不對稱的元素可以在給人留下印象的同時吸引注意力。
vivo 游戲中心：左右布局的瀑布流就是格式塔的簡化對稱性的體現(xiàn)，用戶在瀏覽的的過程中有效減輕了閱讀壓力。特別適合這種以圖片流為主的產(chǎn)品，能大大提高瀏覽效率。
⑦ 共同命運(yùn)原理 Common destiny
無論元素之間的距離有多遠(yuǎn)，或者它們看起來有多不同，如果它們一起運(yùn)動或變化，它們都被認(rèn)為是相關(guān)的。這里的共同命運(yùn)針對的是運(yùn)動的物體。與接近性原理和相似性原理相似，都與我們的視覺系統(tǒng)會有著給對象進(jìn)行分組來感知事物的傾向相關(guān)，但是一起運(yùn)動的物體會被感知為屬于同一組或是彼此相關(guān)這樣的一種視覺現(xiàn)象，這就是格式塔中的共同命運(yùn)原則。
向同一方向移動的元素，我們在處理的過程當(dāng)中，會默認(rèn)把它們歸為一類
vivo 錢包首頁中，“圖標(biāo)”滑動時是一起滑動的，以及 iPhone 刪除應(yīng)用時候，所有圖標(biāo)都一起晃動起來，要么刪除，要么保留，這就是共同命運(yùn)原則。
韋德海默與同事和學(xué)生發(fā)現(xiàn)了很多原則，最終定名的有 100 多條（如“平行性 Parallelism、異質(zhì)同形 isomorphism、視覺偽裝 visual camouflage、成員特性等）。
小貼士
成員特性原則：
一個整體中的個別部分并不具有固定的特性，個別部分的特性是從它與其他部分的關(guān)系中顯現(xiàn)出來的。
如果我們有很多同樣的按鈕，如何讓某個更重要的按鈕突出但是仍然讓用戶感知還是按鈕呢？那就要用到成員特性律了。成員特性律賦予了集體中某一個元素特殊的一些刺激元素從而突出它。
獨特的外形暗示了它與別的元素有不同的功能
3. 格式塔原理總結(jié)
我們把原理歸類、總結(jié)的目的有兩個：
一是自我檢查，我們在構(gòu)思設(shè)計的過程中往往會多于專注視覺效果的創(chuàng)作而忽略最基本的原理，比如在設(shè)計之前進(jìn)行完整的設(shè)計構(gòu)思；設(shè)計過程中檢查自己的設(shè)計作品，避免低級錯誤導(dǎo)致反復(fù)改稿，比如信息不對齊，布局雜亂等；再就是設(shè)計完成之后對需求方有理有據(jù)的陳述。
二是在深入理解的前提下做設(shè)計時能夠舉一反三。
用戶界面設(shè)計并不全是關(guān)于漂亮的像素和完美的圖形。它主要是關(guān)于溝通、性能和便利性。格式塔原則總是幫助我們實現(xiàn)這些目標(biāo)，為用戶創(chuàng)造愉快的體驗，為企業(yè)創(chuàng)造巨大的成功。
這 7 項法則并不是獨立存在的，它們之間具有高度的關(guān)聯(lián)性，是相輔相成的關(guān)系，我們需要跟進(jìn)不同的需求類型和用戶場景，運(yùn)用這些基本法則打出組合拳，使你的設(shè)計方案更有依據(jù)。
在做產(chǎn)品或者設(shè)計的時候一定要考慮人的認(rèn)知與記憶的因素，這是與生俱來的天性，人們的審美對簡單與和諧具有基本的要求。我們只有更好的利用視覺空間設(shè)計作品，減少設(shè)計的復(fù)雜性，盡量保持格式塔原則的完整，用戶才能更好更容易地理解使用我們的產(chǎn)品。
用戶界面設(shè)計并不全是關(guān)于漂亮的像素和完美的圖形。它主要是關(guān)于溝通、性能和便利性。其中格式塔原則總是幫助我們實現(xiàn)這些目標(biāo)，為用戶創(chuàng)造愉快的體驗，為企業(yè)創(chuàng)造巨大的成功。
學(xué)習(xí)研究人們的心理并在設(shè)計中加以運(yùn)用，給產(chǎn)品帶來更直觀的優(yōu)化設(shè)計，不僅能提升設(shè)計師的設(shè)計技能，更能使大家在產(chǎn)品設(shè)計中加入自己的一些思考，使得設(shè)計內(nèi)容更有深度。同時，設(shè)計心理學(xué)的靈活運(yùn)用能大幅提升用戶的設(shè)計體驗，起到引導(dǎo)用戶的作用，并實現(xiàn)產(chǎn)品效益最大化。
作者：VMIC UED
想了解更多網(wǎng)站技術(shù)的內(nèi)容，請訪問：網(wǎng)站技術(shù)
