UI設(shè)計(jì)的心理學(xué)原則和定律

　　來源：成都華信智原 發(fā)布時(shí)間：2016-07-14 瀏覽量： 143

　　成都華信智原UI設(shè)計(jì)培訓(xùn)老師為大家分享一篇關(guān)于???設(shè)計(jì)師心里的文章。這篇文章是國外的一篇文章，成都華信智原UI設(shè)計(jì)培訓(xùn)老師認(rèn)為UI設(shè)計(jì)師很有用。作為設(shè)計(jì)師，你不能忽視心理學(xué)。因?yàn)槿祟惔竽X的這些原則，決定了人們對(duì)你的設(shè)計(jì)作何反應(yīng)、如何相互作用?；仡欉@7條心理學(xué)原則和定律，你能夠?qū)⑺鼈兘Y(jié)合到實(shí)際運(yùn)用中。

　　在設(shè)計(jì)中，心理學(xué)無處不在。正因?yàn)樾睦韺W(xué)，我們才了解紅色很適合用于餐飲業(yè)的logo——因?yàn)樗茉鲞M(jìn)食欲——或者讓首屏的行動(dòng)指令按鈕產(chǎn)生更多轉(zhuǎn)化。

　　也就是說，作為設(shè)計(jì)師，你不能忽視心理學(xué)。因?yàn)槿祟惔竽X的這些原則，決定了人們對(duì)你的設(shè)計(jì)作何反應(yīng)、如何相互作用?；仡欉@7條心理學(xué)原則和定律，你能夠?qū)⑺鼈兘Y(jié)合到實(shí)際運(yùn)用中。

　　1. 馮·雷斯托夫效應(yīng)

　　馮·雷斯托夫效應(yīng)告訴我們，某個(gè)元素越是違反常理，就越引人注目、令人難忘。

　　Hedwig von Restorff在1933年檢驗(yàn)了這個(gè)理論。她讓實(shí)驗(yàn)對(duì)象觀看一系列相似的物品。如果其中某個(gè)很特殊，比如說有聚光燈照射，那么相比其他物品，受試者就更容易回憶起這件物品。這條原則能以多種不同方式應(yīng)用到設(shè)計(jì)中。較明顯的是如果你想要讓某物引人注目，就要使它特殊化，例如通過色彩、尺寸、留白等等。

　　但是，由于人們更在意特殊物體，他們對(duì)于整體的印象就不深。思考是否要**顯示某物時(shí)，要牢記它的負(fù)面效應(yīng)。你是想要人們記住一件事情，就只有這一件事，還是說其他元素也同樣重要?如果所有都同等重要，你希望人們?nèi)坑涀。筒灰癸@其中某個(gè)。

　　2. 色彩心理學(xué)

　　經(jīng)驗(yàn)豐富的設(shè)計(jì)師，對(duì)于色彩以及它與設(shè)計(jì)的關(guān)系，有著固定的理解。但是，設(shè)計(jì)新人們?nèi)菀缀雎陨蕦?duì)心理的影響，而是選擇他們自己喜歡的顏色進(jìn)行設(shè)計(jì)。即使你精通色輪，知道如何搭配互補(bǔ)色或者相近色，你有沒有考慮過你的設(shè)計(jì)如何影響受眾呢?

　　沒錯(cuò)，顏色可以影響情緒。Adobe列出了一些色彩和與之相符的情緒，下面是一些積極的方面：

　　黑色：精致和力量(案例網(wǎng)站)，白色：干凈、精致、純潔，紅色：勇氣、激勵(lì)、力量;也能激發(fā)欲望，藍(lán)色：冷靜、安定、信任、安全(案例網(wǎng)站)，黃色：樂觀、歡樂，綠色：平衡、可持續(xù)的增長，紫色：皇權(quán)、精神意識(shí)、奢華，橙色：友誼、舒適、食物，粉色：平靜、女性化、性記住，顏色給人們帶來的情感，會(huì)隨著文化和宗教背景而改變。以上列出的僅代表西方文化的觀點(diǎn)。

　　3. 馬斯洛需求層次理論可能你在高中或大學(xué)學(xué)過馬斯洛需求層次理論。

　　這個(gè)金字塔形，用來表現(xiàn)一個(gè)人要達(dá)到自我實(shí)現(xiàn)，需要經(jīng)歷哪些步驟。例如，在能感受到愛之前，他們的生理和安全需求一定要得到滿足。

　　那這個(gè)在心理學(xué)課堂之外有什么用處?營銷人員和設(shè)計(jì)師們，可以將馬斯洛需求層次理論應(yīng)用于廣告和公共關(guān)系。

　　設(shè)計(jì)推廣材料時(shí)，創(chuàng)建消費(fèi)者人物角色就能用這套理論。想想你目標(biāo)客戶的需求，處在金字塔的哪一層。你的設(shè)計(jì)如何激發(fā)他們向更高的一層邁進(jìn)?也可以用它來挑撥人們的情緒和需求，讓他們被吸引到你的設(shè)計(jì)中來。比如看看這些Salvation Army的海報(bào)，就在挑撥愛與歸屬感。

　　4. 席克定律

　　席克定律關(guān)系到一人需要多久來做出決定。如果人們有更多選擇，就需要更長的時(shí)間做出抉擇。某些情況下，需要花費(fèi)的時(shí)間太長了，以至于他們根本做不出決定，因?yàn)闆Q定的負(fù)擔(dān)太沉重。這就是你為什么在餐館經(jīng)常見到簡短的菜單——他們不想把顧客嚇跑。

　　這個(gè)概念也可以運(yùn)用到設(shè)計(jì)中。例如你設(shè)計(jì)網(wǎng)站時(shí)，你就會(huì)想要保持導(dǎo)航欄盡可能簡潔，只有少數(shù)幾個(gè)選項(xiàng)。如果有必要，將一些頁面分組放入下拉菜單，網(wǎng)站訪客就更容易對(duì)選項(xiàng)歸類，并且迅速做出決定。

　　這對(duì)于行動(dòng)指令也成立。設(shè)計(jì)海報(bào)時(shí)，你可不能一下子講6件不同的事情。你想要人們關(guān)注一兩個(gè)選擇。例如，你的設(shè)計(jì)或許主要是為了募捐，主要的行動(dòng)指令是“今天就捐贈(zèng)吧——撥打(888)888-8888”。還有一個(gè)次要的行動(dòng)指令“在Facebook上關(guān)注我們”，通過一個(gè)二維碼，把客戶引向Facebook頁面。

　　5. 面部辨識(shí)

　　在設(shè)計(jì)中加入人臉，是較有效的設(shè)計(jì)技巧之一，可以吸引人瀏覽你的海報(bào)、網(wǎng)頁、或書籍封面。人們天生會(huì)被面部吸引——甚至我們能在沒有人臉的地方看出人臉來，例如月球或火星表面。更有甚者，研究顯示，當(dāng)網(wǎng)站里加入了人臉，轉(zhuǎn)化率會(huì)增加。

　　這個(gè)概念有多種應(yīng)用方式。

　　首先，可以使用面部來連接你的受眾。只要在設(shè)計(jì)中放上一張人臉，就更容易吸引訪客視線——即使那不是一張真實(shí)的臉，而是某個(gè)感覺像臉的物體。

　　還可以根據(jù)模特的面部和視線的朝向，來引導(dǎo)用戶的注意力。眼部追蹤研究顯示人們會(huì)循著別人的視線，就像跟隨指示箭頭一樣。還可以使用面部來傳遞感情。

　　有六種公認(rèn)的面部表情：快樂;難過;驚訝;害怕;厭惡;憤怒

　　利用這項(xiàng)原則，你立馬就能確定設(shè)計(jì)的基調(diào)，并且跨越語言的界限進(jìn)行溝通

　　6. 費(fèi)茨定律費(fèi)茨定律是一條科學(xué)定理，通常用于描述人機(jī)交互。它說“移動(dòng)到某個(gè)目標(biāo)上所需的時(shí)間，是一個(gè)由目標(biāo)尺寸和目標(biāo)距離構(gòu)成的函數(shù)?！?

　　這項(xiàng)原則可以用于網(wǎng)頁設(shè)計(jì)中。本質(zhì)上來說，點(diǎn)擊區(qū)域越大，就越容易被點(diǎn)到。

　　舉個(gè)例子，當(dāng)你設(shè)計(jì)一個(gè)網(wǎng)頁時(shí)，你當(dāng)然會(huì)把導(dǎo)航做成可點(diǎn)擊的。但是鏈接的可點(diǎn)擊區(qū)域是哪塊?只有文字能鏈接到目標(biāo)地址，還是標(biāo)簽頁本身也可以點(diǎn)擊?同樣的，你也可以反過來設(shè)計(jì)。不想讓人輕易點(diǎn)擊到的鏈接——例如刪除或取消按鈕——就應(yīng)該有更小的點(diǎn)擊區(qū)域。

　　7. 奧卡姆剃刀原理奧卡姆剃刀原理告訴我們較簡單的解決方法往往是較好的。盡管這與其說是設(shè)計(jì)定理，倒更像是一個(gè)哲學(xué)概念，但它還是很容易用于設(shè)計(jì)中。剛?cè)胄械脑O(shè)計(jì)學(xué)生們?nèi)菀讋?chuàng)造出復(fù)雜的設(shè)計(jì)，里面有許多不必要的元素，只是為了展現(xiàn)他們的創(chuàng)造力。但是，你會(huì)發(fā)現(xiàn)這些設(shè)計(jì)往往對(duì)用戶是不友好的。

　　這個(gè)概念也可以和席克定律關(guān)聯(lián)起來。如果你嘗試向網(wǎng)頁中塞入過多內(nèi)容，而不是選擇較簡單的方案，人們就會(huì)有過多的選擇。然后，設(shè)計(jì)就會(huì)變得令人眼花繚亂，會(huì)被人們迅速拋棄。如果你不清楚設(shè)計(jì)將如何發(fā)展，通?？梢苑€(wěn)妥地傾向于選擇較簡單的方案。

　　心理學(xué)在我們?nèi)粘Ｉ钪邪缪葜匾巧?，但如果你是設(shè)計(jì)師，就更要加倍關(guān)注心理學(xué)原理，來創(chuàng)造能夠與用戶交流并為客戶帶來轉(zhuǎn)化的作品。你的下個(gè)項(xiàng)目中會(huì)如何使用這些原則呢?

　　了解更多能夠用于平面設(shè)計(jì)中的原則啊定理，例如著名的斐波那契序列、三分原則、黃金比例、帕雷托法則(80/20 二八定律)等等。

成都華信智原科技有限公司，隸屬于新華集團(tuán)，全國現(xiàn)有16家分公司，創(chuàng)立于2005年，總部位于北京海淀中關(guān)村**開發(fā)區(qū)，是微軟、紅帽等多家跨國**軟件公司的合作供應(yīng)商，是中國軟件行業(yè)協(xié)會(huì)、科技部火炬中心、中國**人才交流基金會(huì)共同批準(zhǔn)的“中國軟件專業(yè)人才培養(yǎng)工程”的全國少見運(yùn)營管理和服務(wù)提供商，是北京市商務(wù)**與北京市商務(wù)**與北京市教育**共同認(rèn)定的“中國服務(wù)外包人才培訓(xùn)中心（北京）”。成都華信智原是集**軟件人才培訓(xùn)、軟件開發(fā)、服務(wù)外包、企業(yè)服務(wù)咨詢、實(shí)習(xí)實(shí)訓(xùn)基地建設(shè)于一體的技術(shù)型企業(yè)。

企業(yè)榮譽(yù)及成就： 
1、中國軟件協(xié)會(huì)、科技部火炬中心、中國**人才交流基金會(huì)共同批準(zhǔn)的” 中國軟件外包工程 “ 的全國少見運(yùn)營管理和服務(wù)供應(yīng)商； 
2、北京市商務(wù)**與北京市教育**共同認(rèn)定的 ” 中國軟件外包服務(wù)中心 “； 
中國軟件人才技能鑒定評(píng)測(cè)中心； 
3、公司的軟件人開發(fā)及服務(wù)外包等項(xiàng)目入選”國家火炬計(jì)劃軟件產(chǎn)業(yè)研究發(fā)展報(bào)告“; 
中國軟件協(xié)會(huì)常務(wù)理事會(huì)單位； 
4、被新浪評(píng)選為 ” 中國**品牌IT企業(yè) “； 
5、面向國內(nèi)外市場(chǎng)的中國軟件人才就業(yè)服務(wù)平臺(tái)（CSTO綠色通道）。