編輯導(dǎo)語(yǔ)：設(shè)計(jì)師在工作中經(jīng)常要站在用戶(hù)的角度進(jìn)行思考，從用戶(hù)的需求出發(fā)進(jìn)行設(shè)計(jì)；本文將講解關(guān)于設(shè)計(jì)中心理學(xué)的名稱(chēng)與運(yùn)用原理，來(lái)幫助更多設(shè)計(jì)師更好地了解用戶(hù)并創(chuàng)建友好的Web和移動(dòng)界面，我們一起來(lái)了解一下。

本文將深入介紹關(guān)于設(shè)計(jì)中心理學(xué)的一些名稱(chēng)以及一般原理運(yùn)用，這樣可以幫助更多設(shè)計(jì)師更好地了解用戶(hù)并創(chuàng)建友好的Web和移動(dòng)界面，同時(shí)設(shè)計(jì)出有用、可用、好用的產(chǎn)品。

一、前言

首先我要說(shuō)的是自有設(shè)計(jì)崗位以來(lái)，一直存在有部分設(shè)計(jì)師習(xí)慣于將設(shè)計(jì)視為純粹的藝術(shù)工作，但其實(shí)他們的背后還是會(huì)有很多工作要做；所以，我想說(shuō)的是，美感和靈感其實(shí)不足以創(chuàng)造與支撐出非常嫻熟的設(shè)計(jì)，這也就是為什么設(shè)計(jì)師應(yīng)該擁有不同科學(xué)和領(lǐng)域的部分知識(shí)和技能來(lái)支撐完成工作，這里我們可以將這種學(xué)習(xí)方式與學(xué)習(xí)思維稱(chēng)之為“多元思維”。

不管是工業(yè)設(shè)計(jì)、產(chǎn)品設(shè)計(jì)、服裝設(shè)計(jì)，還是平面設(shè)計(jì)等等都好，這些不同的設(shè)計(jì)，其實(shí)本質(zhì)上來(lái)講，都不僅僅是存粹的設(shè)計(jì)，或者叫做藝術(shù)設(shè)計(jì)？

在拋除自身領(lǐng)域的知識(shí)外，它們還應(yīng)該涉及其他學(xué)科知識(shí)的各個(gè)領(lǐng)域知識(shí)；而且，我可以確定的說(shuō)，這些多學(xué)科知識(shí)與學(xué)問(wèn)、知識(shí)和實(shí)踐都可以幫助我們更加高效且富有成效地工作。

這里，我今天要講的同樣也是可以幫助設(shè)計(jì)師了解用戶(hù)的一些基礎(chǔ)研究之一是學(xué)問(wèn)：心理學(xué)；并且，里面同時(shí)包含講述心理學(xué)在設(shè)計(jì)中所能起到的作用，以及在設(shè)計(jì)過(guò)程中我們需要也是必須記住的心理學(xué)原理知識(shí)點(diǎn)。

二、心理學(xué)在設(shè)計(jì)中的作用

現(xiàn)如今，以用戶(hù)為中心的設(shè)計(jì)可使設(shè)計(jì)師大幅度提升對(duì)工作的效率與對(duì)接，并且還可以更深入地了解目標(biāo)受眾與群體。

《設(shè)計(jì)心理學(xué)》（作者：唐納德·諾曼）一書(shū)中將設(shè)計(jì)定義為一種交流行為，這意味著設(shè)計(jì)師對(duì)正在與之交流的人會(huì)有更加深刻的了解；并且，為了更好地了解人們的需求，我也建議設(shè)計(jì)師牢記人類(lèi)本性行為，清楚用戶(hù)心智、習(xí)慣和動(dòng)機(jī)的心理學(xué)原理。

如果設(shè)計(jì)師在創(chuàng)作過(guò)程中運(yùn)用心理學(xué)，那么工作的結(jié)果必將更加有效與匹配，因?yàn)榭茖W(xué)的總結(jié)對(duì)目標(biāo)受眾與人群已經(jīng)有了非常深入的了解；同時(shí)心理學(xué)知識(shí)也有助于創(chuàng)造設(shè)計(jì)，使用戶(hù)能夠執(zhí)行設(shè)計(jì)師所期望的操作流程，例如：進(jìn)行點(diǎn)擊購(gòu)買(mǎi)或滑動(dòng)界面。

部分初級(jí)設(shè)計(jì)師在面對(duì)這類(lèi)知識(shí)時(shí)，可能會(huì)將心理學(xué)視為改善設(shè)計(jì)的復(fù)雜方法，因此可能刻意或無(wú)視忽略這部分研究和學(xué)習(xí)；但是，當(dāng)你簡(jiǎn)單了解后，就會(huì)發(fā)現(xiàn)這些本應(yīng)就有的知識(shí)，在你一看就懂的同時(shí)，卻是你日常工作中最容易忽略的。

其實(shí)，在日常設(shè)計(jì)工作中，你只需簡(jiǎn)單且有效地使用它，就可以大幅度提升你的工作效率與產(chǎn)品邏輯，您需要考慮的就是設(shè)計(jì)中不斷提出的基本原理；根據(jù)經(jīng)驗(yàn)和研究學(xué)習(xí)，我總結(jié)了在設(shè)計(jì)過(guò)程中經(jīng)常應(yīng)用的六項(xiàng)有效的心理學(xué)原理。

三、格式塔原理

格式塔心理學(xué)也稱(chēng)為”完形心理學(xué)”，研究?jī)?nèi)容主要是意識(shí)體驗(yàn),著名論點(diǎn)是：“整體大于部分之和”。

格式塔心理學(xué)明確指出：構(gòu)造主義把心理活動(dòng)分割成一個(gè)個(gè)獨(dú)立的元素進(jìn)行研究并不合理,因?yàn)槿藢?duì)事物的認(rèn)識(shí)具有整體性，心理、意識(shí)不等于感覺(jué)元素的機(jī)械總和；這一理論到如今已有近100年的歷史了，但它卻從沒(méi)有消失現(xiàn)實(shí)性。

其中原則包括：

1. 親密性

當(dāng)物體彼此靠近時(shí)，這些物體被看作是一個(gè)整體而不是獨(dú)立的。

2.?相似性

相似性原則出現(xiàn)在物體看起來(lái)相似的時(shí)候，人們常常會(huì)把他們看作是一個(gè)組或者是一個(gè)模式。

3.?焦點(diǎn)

焦點(diǎn)是畫(huà)面中用戶(hù)感興趣、強(qiáng)調(diào)或者差異的區(qū)域，能夠抓住用戶(hù)的注意力。

4.?共同區(qū)域

意思是當(dāng)物體在同一個(gè)封閉區(qū)域內(nèi)時(shí)，會(huì)被認(rèn)為是同一組元素。

5. 閉合原則

有一種常見(jiàn)的視覺(jué)歸類(lèi)方法基于人類(lèi)的一種完型心理：把局部形象當(dāng)作一個(gè)整體的形象來(lái)感知；這種知覺(jué)上的特殊現(xiàn)象，稱(chēng)之為閉合。

6. 對(duì)稱(chēng)原則

無(wú)論距離遠(yuǎn)近，對(duì)稱(chēng)元素都會(huì)被認(rèn)為屬于一體，給我們一種堅(jiān)固和有序的感覺(jué)。

7. 共同命運(yùn)原則

向同一方向運(yùn)動(dòng)的元素被認(rèn)為比向不同方向運(yùn)動(dòng)的元素更相關(guān)。

8. 連續(xù)性原則

排列成直線(xiàn)或柔和曲線(xiàn)的元素被認(rèn)為與隨機(jī)排列或粗糙線(xiàn)排列的元素相關(guān)。

四、本能反應(yīng)

你曾經(jīng)有沒(méi)有過(guò)這種感覺(jué)，當(dāng)你第一次打開(kāi)某一網(wǎng)站或app時(shí)，就立刻喜歡上了這個(gè)網(wǎng)站或app，或者某個(gè)網(wǎng)站或app會(huì)是你馬上吐槽，并讓你感到非常不適？

如果有以上這兩種情況，那么恭喜你，您之前已經(jīng)無(wú)意中體驗(yàn)過(guò)了本能反應(yīng)；其實(shí)這種反應(yīng)是來(lái)自大腦負(fù)責(zé)本能的部分，我們稱(chēng)之為“舊腦”，它的反應(yīng)比我們的意識(shí)要快得多。

在我們大腦中，由三部分負(fù)責(zé)我們的情緒或決策，其中有：新腦、舊腦、中腦，而其中舊腦就是負(fù)責(zé)我們本能反應(yīng)的，也就是我們常說(shuō)的感覺(jué)、直覺(jué)，這是因?yàn)樗哺谖覀兊腄NA中，因此可以輕松預(yù)測(cè)一些外界事物，或者舉例說(shuō)當(dāng)我們看到一只老虎時(shí)，我們本能反應(yīng)是逃跑與害怕，這就是舊腦在起作用。

那么，設(shè)計(jì)師該如何使用這些知識(shí)呢？

我們的的目標(biāo)是在設(shè)計(jì)中營(yíng)造并賦予這種積極的審美印象。其實(shí)不難猜測(cè)，對(duì)人們看起來(lái)不錯(cuò)的東西，只要尋找符合用戶(hù)需求的內(nèi)容與樣式，就可以達(dá)到這一目標(biāo)；因此，我們推斷一下，那些在網(wǎng)站或app首頁(yè)上賦予高質(zhì)量圖片或色彩的界面設(shè)計(jì)，他們?cè)谠O(shè)計(jì)過(guò)程中，所運(yùn)用的方式與手法，也就不難理解了。

五、色彩心理學(xué)

研究顏色對(duì)人的思想、行為、反應(yīng)影響的科學(xué)被稱(chēng)為色彩心理學(xué)。今天，我們不深入討論顏色的本質(zhì)問(wèn)題與知識(shí)點(diǎn)，因?yàn)樗珡?fù)雜。

簡(jiǎn)而言之，這次講解的主要思想是顏色對(duì)用戶(hù)的感知度和影響力。這也是為什么我們?cè)O(shè)計(jì)師應(yīng)該有意識(shí)地選擇顏色，以確保我們的作品能呈現(xiàn)正確的信息和色彩。

以下是基本顏色及其通常關(guān)聯(lián)的含義的列表，我在這里給大家做了總結(jié)：

紅色：顏色通常與熱情，強(qiáng)烈或激進(jìn)的感覺(jué)相關(guān)。它象征著好和壞的感覺(jué)，包括愛(ài)，自信，熱情和憤怒。

橙色：充滿(mǎn)活力的溫暖色彩帶給您興奮的感覺(jué)。

黃色：這就是幸福的色彩。它象征著陽(yáng)光，歡樂(lè)和溫暖。

綠色：大自然的色彩。它帶來(lái)平靜和更新的感覺(jué)；另外，可能表示經(jīng)驗(yàn)不足。

藍(lán)色：它通常代表一些公司形象。它通常表現(xiàn)出鎮(zhèn)定的感覺(jué)，但是作為一種涼快的顏色，它還與距離和悲傷相關(guān)。

紫色：由于許多國(guó)王穿著紫色衣服，長(zhǎng)期以來(lái)與皇室和財(cái)富聯(lián)系在一起。它也是神秘和魔術(shù)的顏色。

黑色：顏色具有很多含義，它伴隨著悲劇和死亡，它代表著一個(gè)謎，它可以是傳統(tǒng)的也可以是現(xiàn)代的。一切都取決于您如何使用它以及它帶有哪種顏色。

白色：顏色表示純度和純正，以及完整性和清晰度。

六、識(shí)別模式

你可能在日常瀏覽網(wǎng)站或者app時(shí)已經(jīng)注意到這一現(xiàn)象，產(chǎn)品界面風(fēng)格或樣式會(huì)與一個(gè)主題結(jié)合在一起，并且網(wǎng)站或app通常在設(shè)計(jì)中都同樣具有共同的模式，這里原因就在于用戶(hù)的心理認(rèn)知。

事實(shí)是，在用戶(hù)訪(fǎng)問(wèn)網(wǎng)站或使用app前，就已經(jīng)對(duì)特定行業(yè)屬性或風(fēng)格做了識(shí)別設(shè)定，同樣也期望看到與特定種類(lèi)產(chǎn)品所相近和相關(guān)的事物信息。

例如，我們?cè)谠L(fǎng)問(wèn)一個(gè)政府型網(wǎng)站時(shí)，所已有的認(rèn)知是莊嚴(yán)的、紅色或者藍(lán)色的、且布局是列表形式的，但如果打開(kāi)網(wǎng)站確實(shí)活潑的、多彩的，我們肯定會(huì)認(rèn)為這個(gè)網(wǎng)站是不可靠或者打開(kāi)了錯(cuò)誤的網(wǎng)頁(yè)，這就是識(shí)別模式的作用。

這里還有一點(diǎn)，一個(gè)網(wǎng)站或app不僅顏色和圖片很重要，而且一些顯而易見(jiàn)的常見(jiàn)事物，例如首頁(yè)上的列表、過(guò)濾器對(duì)于成功導(dǎo)航也很重要，這些同等的因素合在一起，會(huì)使用戶(hù)很快就習(xí)慣此產(chǎn)品，并快速上手使用。

七、掃描圖文

在閱讀網(wǎng)頁(yè)之前，用戶(hù)基本都會(huì)對(duì)其進(jìn)行掃描一邊，以進(jìn)行對(duì)產(chǎn)品內(nèi)容的大致了解，這是他們?cè)诳创水a(chǎn)品界面是否會(huì)讓他們感興趣。

根據(jù)不同的研究，包括尼爾森定律（Nielsen Norman Group），有幾種常見(jiàn)的設(shè)計(jì)手法用于界面設(shè)計(jì)，?其中有“ F”和“ Z”模式。

“F”模式被稱(chēng)為最常見(jiàn)的眼睛掃描模式，尤其是對(duì)于內(nèi)容量很大的網(wǎng)頁(yè)；用戶(hù)首先掃描屏幕頂部的一條水平線(xiàn)，然后向下移動(dòng)頁(yè)面一點(diǎn)，然后沿著通常覆蓋較短區(qū)域的水平線(xiàn)進(jìn)行讀?。蛔詈笠粋€(gè)是副本左側(cè)的垂直線(xiàn)，他們?cè)诙温涞某跏季渥又胁檎谊P(guān)鍵字。它通常應(yīng)用在文本較多的頁(yè)面上，例如微博，新聞平臺(tái)，社區(qū)類(lèi)的網(wǎng)頁(yè)平臺(tái)等。

而“Z”模式適用于不太集中在副本上的頁(yè)面。用戶(hù)首先從左上角開(kāi)始掃描頁(yè)面頂部，并查找重要信息，然后向下傾斜至對(duì)角線(xiàn)的對(duì)角，最后以頁(yè)面底部的水平線(xiàn)結(jié)束，從左至右瀏覽；這是掃描登錄頁(yè)面或二級(jí)副本頁(yè)面且不需要向下滾動(dòng)頁(yè)面的網(wǎng)站的典型模型，這意味著所有核心數(shù)據(jù)在預(yù)滾動(dòng)區(qū)域中都是可見(jiàn)的。

當(dāng)設(shè)計(jì)師知道了這些模式后，就可以已有效的方式放置元素與排版來(lái)引起用戶(hù)的感知，并幫助他們執(zhí)行預(yù)期的操作，從而快速完成任務(wù)。

八、?？硕?/h2>

希克定律表示，用戶(hù)擁有的選擇權(quán)越多，他們所做出決定所花費(fèi)的時(shí)間也就越長(zhǎng)；這意味著設(shè)計(jì)師提供給用戶(hù)的選項(xiàng)越多，無(wú)論是要選擇的產(chǎn)品還是要查看的圖片，就需要花費(fèi)更多的時(shí)間和精力來(lái)決定交互的下一步。

可能出現(xiàn)的結(jié)果是，用戶(hù)在使用產(chǎn)品后做出了選擇，但感覺(jué)不愉快，或者也可能 出現(xiàn)更壞的情況，那就是用戶(hù)可能不想花那么大的力氣尋找任務(wù)目標(biāo)從而離開(kāi)此網(wǎng)站。

因此，建議設(shè)計(jì)師保留較為重要的選擇，包括按鈕，圖片，頁(yè)面；并且刪除不必要的選擇，這樣可以使產(chǎn)品的可用性更有效。

九、總結(jié)

心理學(xué)是設(shè)計(jì)中的較為有效工具，它可以使設(shè)計(jì)師在創(chuàng)作過(guò)程中制作出更加高效的產(chǎn)品樣式，同時(shí)結(jié)果也將更加的人性與好用。

以上就是我要介紹的六種有用的心理設(shè)計(jì)原則，但是它們其實(shí)還只是冰山一角，因?yàn)樵谠撝R(shí)領(lǐng)域上還有很多東西要學(xué)習(xí)；所以，大家可以根據(jù)基礎(chǔ)的心理知識(shí)進(jìn)行延展學(xué)習(xí)與使用，并且合理運(yùn)用于日常工作中，這樣就可以大幅度提升你的設(shè)計(jì)水平與能力。

作者：西瓜，公眾號(hào)：西瓜的設(shè)計(jì)

本文由 @西瓜 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash，基于CC0協(xié)議