設(shè)計師通常不會花時間去學(xué)習(xí)一些基本的心理學(xué)，而恰恰是這些心理學(xué)有的能影響到用戶的瀏覽體驗。

心理學(xué)的一些基本準則其實不是大家想的那么無用，也不是大家想的那么復(fù)雜。
很多心理學(xué)上的一些規(guī)律學(xué)習(xí)起來非常簡單。而且他們行之有效，盡管需要做出一點思考和計劃。

網(wǎng)頁設(shè)計高手之路系列：
網(wǎng)頁設(shè)計師應(yīng)該知道的網(wǎng)格系統(tǒng)
如何有效布局信息繁雜的網(wǎng)站？
嘗試網(wǎng)頁設(shè)計中不對稱的美

一、以心理學(xué)為基礎(chǔ)的設(shè)計目的是什么

在設(shè)計過程中稍微考慮下心理學(xué)的因素對于最后的結(jié)果來說很有幫助。如果你將心比心，把自己當(dāng)作用戶，花點時間去考慮用戶的需求，然后再回到你自己的設(shè)計思路上，那么你就會明白該如何組織元素以吸引用戶。

通過這種以用戶為出發(fā)的心態(tài)去設(shè)計。結(jié)果很可能是用戶滿意，而且完成了你所期望的操作。無論是和你聯(lián)系、還是購買你的產(chǎn)品、或者向朋友推薦你的網(wǎng)站。
這就是將心理學(xué)帶入設(shè)計中的主要原因。因為你更希望用戶按照你的想法與你交互。

二、構(gòu)建信任感

為了讓用戶按照你的引導(dǎo)去進行操作，首先，必須讓他們信任你。獲取信任并不容易，尤其是在這個充滿了欺騙、花招、套路的網(wǎng)絡(luò)上。
對于那些熟悉互聯(lián)網(wǎng)運作模式的人來說，他們會將個人信息隱藏，無論網(wǎng)站是多么的高質(zhì)量、是多么的有用，他仍然不會暴露自己的個人信息。

作為設(shè)計師，我們經(jīng)常忽略了這一點，我們經(jīng)常在網(wǎng)上討論商務(wù)事宜。但是對于客戶以及客戶的客戶來說，很容易在互聯(lián)網(wǎng)上暴露他們的信息。

因此，你可以用設(shè)計心理學(xué)來讓你的網(wǎng)站具有可信任感。可以通過設(shè)計、通過語言的循循善誘來建立一種可信賴的形象。從而讓他們注冊、購買、與你做生意。

藍色在心理學(xué)上的信任感，同時盾牌代表的安全感

三、注意用戶的一些習(xí)慣

當(dāng)某人登錄頁面的時候，他期待立馬看到一種"東西"，至于網(wǎng)站或頁面的種類，愛是什么是什么吧。

如果他沒有看到這件"東西"他們通常會感到他們進錯了地方，這個頁面不是他所需要的，也不帶感（因此，也產(chǎn)生了不信任感）。他們需要在頁面的頂部或者某個顯眼的位置提供整個網(wǎng)站的信息層級，也就是說這個"東西"就是導(dǎo)航條。因為每個人都習(xí)慣網(wǎng)站具有導(dǎo)航條。

標簽?zāi)軌驇椭脩粲行У淖R別網(wǎng)站內(nèi)容，同時還能有效的組織、補充、完善網(wǎng)站信息。比如。你要設(shè)計一個環(huán)境保護的博客。如果你的整個頁面是洶涌的黑色，而頂部沒有導(dǎo)航條，只有天際線的圖形和美麗的陽光，那誰能知道這個網(wǎng)站是做什么的呢？

導(dǎo)航條是一方面，而色彩應(yīng)用又是另外的一方面，如果你才用整潔、現(xiàn)代感的設(shè)計，使用很多綠色和自然的色調(diào)，那么用戶下意識的就會認為這個網(wǎng)站和自然、環(huán)境有關(guān)。這是因為色彩上的一些慣性聯(lián)想。

通過這些元素了解用戶的習(xí)慣，熟知人的一些共性。就能為項目做出合理的設(shè)計，不但有利于整體設(shè)計，還利于用戶的瀏覽。用戶習(xí)慣博客的最新文章能發(fā)表在頁首，用戶習(xí)慣商務(wù)網(wǎng)站的產(chǎn)品放在第一頁，用戶習(xí)慣每個網(wǎng)站都具有站內(nèi)搜索條。最重要的是，用戶非常習(xí)慣每個頁面都有"關(guān)于"和"聯(lián)系我們"的鏈接。

四、品牌的一致性

在網(wǎng)站上用戶所看到的視覺風(fēng)格，會潛移默化的影響用戶，他們認為你們的線下產(chǎn)品也應(yīng)該是這個樣子。

因此在線下的一些產(chǎn)品的用色和設(shè)計風(fēng)格上要和網(wǎng)站設(shè)計的風(fēng)格聯(lián)系起來。Logo也是同樣的道理。這樣才能保持品牌的一致性，在品牌推廣上的效果更佳。

始終紅白為主的配色，和景點不變的產(chǎn)品包裝，即使推出了新產(chǎn)品，用戶也能知道這是可口可樂的產(chǎn)品

五、心理上的觸動

情緒上和心理學(xué)上的觸動是非常有價值的工具，能夠影響到用戶，能夠使他們跟著你的引導(dǎo)區(qū)進行操作。觸動包括"恐懼感、愧疚感，歸屬感、以及價值觀上的共鳴"

通過界面的語言最容易大東用戶，圖像元素給這些觸動提供了有力的支持。

恐懼、刺激、深沉，這是我的心理/情緒反應(yīng)。

延伸閱讀：設(shè)計心理學(xué)——情感化設(shè)計

六、色彩心理學(xué)

色彩心理學(xué)在設(shè)計心理學(xué)領(lǐng)域是一門很復(fù)雜的學(xué)科，但我們掌握一些基本準則就好。確保實用的顏色和信息相配。

下面就是不同顏色的不同含義。

紅色：激烈、熱情，愛與危險的代名詞
橙色：紅黃混合而成，象征著精力充沛和熱情，比紅色更冷靜
黃色：溫暖、快樂。象征著娛樂

綠色：自然、生長、新生，有時候也代表菜鳥，也偶爾和嫉妒聯(lián)系起來。
藍色：冷靜、合作、信任，但顏色太深就顯得消極
紫色：忠誠、富有、高貴

黑色：保守、傳統(tǒng)、神秘、常規(guī)
白色：純潔、天真，百搭的顏色
灰色：中立、平衡、精致。

七、閱讀習(xí)慣

正如"Z"一樣，人們的閱讀習(xí)慣是：從左至右，從上到下。作為設(shè)計師你要利用這個習(xí)慣，將最重要的內(nèi)容放在合適的位置。這就是為什么很多頁面Logo都在左上角的原因。

將不重要的信息放在用戶習(xí)慣的閱讀區(qū)域會導(dǎo)致用戶的離開，比方說橫版布局的頁面，你將最新的文章放在了右面，用戶就覺得這篇文章不是新文章，是舊的。

八、每一頁都要有焦點

正如人只能專注于一件事物一樣，你的界面的每一個層級都最好有交單。設(shè)計要在每個頁面都強調(diào)焦點元素。這樣用戶就能知道每個頁面的功能是什么?？梢酝ㄟ^導(dǎo)航條、標頭來實現(xiàn)。

業(yè)余設(shè)計的特點就是，喜歡把內(nèi)容擁擠在一起，不要害怕空白區(qū)域，要學(xué)會留白，有張才能有馳。而且不論是整體布局、還是文字之間，最好有一定的呼吸空間。

九、如何在設(shè)計中混合心理學(xué)？

1.確定目標用戶，確定他們的情緒觸動點在什么地方；
2.和用戶交流，了解他們的需求，聽取他們的建議；
3.給網(wǎng)站建立一個網(wǎng)站地圖；
4.設(shè)計元素有序組織，保持整體一致性；
5.找出整體設(shè)計中最優(yōu)秀、最突出的點，加以分析；

設(shè)計心理學(xué)是每個設(shè)計師都應(yīng)該研究的，因為設(shè)計的目的是更好的體驗，而掌握用戶的心理是體驗的核心。好好利用心理學(xué)，你的設(shè)計將更有效果，客戶將更滿意。耗時不多也不難，因此我覺得每個設(shè)計師都應(yīng)該掌握這些簡單的基本規(guī)律。

最后推薦大家看一本書：《設(shè)計師要懂心理學(xué)》

轉(zhuǎn)摘請注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計講座：每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：156982）分享實戰(zhàn)經(jīng)驗。
設(shè)計微博：擁有粉絲量55萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：