發(fā)布時(shí)間：2017-04-14 14:09

  本文關(guān)鍵詞：設(shè)計(jì)中的色彩心理學(xué)，由筆耕文化傳播整理發(fā)布。

色彩心理學(xué)被廣泛應(yīng)用于各類型設(shè)計(jì)中，從日常用品、品牌logo、網(wǎng)站配色等等，顏色是向用戶床底信息的重要元素。

據(jù)相關(guān)分析，當(dāng)人們看到某種顏色時(shí)，人的眼睛會(huì)想大腦一塊叫做“下丘腦”的區(qū)域發(fā)送信號(hào)，之后這類信號(hào)還將被先后傳遞到腦下垂體和甲狀腺，信號(hào)刺激荷爾蒙分泌，從而引起情緒波動(dòng)，影響人類活動(dòng)。

據(jù)科學(xué)研究，顏色可以影響人的情緒，在網(wǎng)頁(yè)設(shè)計(jì)方面，一個(gè)網(wǎng)站的設(shè)計(jì)可以在90秒內(nèi)影響網(wǎng)站訪客對(duì)網(wǎng)站的印象。而其中，色彩的決定性作用站到62%到90%。

色彩意味著什么

每一個(gè)不同的顏色對(duì)不同的人都有不同的含義，起到不同的作用。另外即使是相同的顏色也會(huì)因個(gè)人性格和文化背景的差異產(chǎn)生不同的作用和意義。

下圖顯示了不同顏色的含義或特征。

設(shè)計(jì)中的色彩心理學(xué)并不是一門特定學(xué)科，因個(gè)人認(rèn)知不同而區(qū)別。性別等社會(huì)學(xué)范疇的因素也能對(duì)色彩的功能產(chǎn)生影響。更深層次的研究顯示，并不總是只有色彩本身能夠?qū)ν饨绠a(chǎn)生影響，某品牌對(duì)顏色的運(yùn)用也會(huì)影響用戶感受。

通常意義上，女性喜歡紫色，而男性用戶則對(duì)紫色不太感冒。所以在下圖中巴黎歐萊雅的網(wǎng)站，頁(yè)頭和頁(yè)腳是黑色，，帶來(lái)經(jīng)典和優(yōu)雅感覺(jué)。頁(yè)面中間有紫色半透明圖層，向用戶傳遞改網(wǎng)站產(chǎn)品高端且價(jià)錢不低廉的信息。

另外，網(wǎng)站字體用了白色，使網(wǎng)站看起來(lái)更現(xiàn)代，帶給人寧?kù)o感，搭配紫色，強(qiáng)調(diào)女性化、奢華和優(yōu)雅。網(wǎng)站整體配色特別適合該品牌定位。

下圖是《女性健康雜志(Women's Health Magazine）》網(wǎng)站頁(yè)面，頂部橫幅用了粉色，而頁(yè)面其他位置則大部分選擇無(wú)色或白色，基本依靠圖片和顯眼的黑字體導(dǎo)航指引用戶。這樣的色彩選擇有趣但有可能不太適合這個(gè)網(wǎng)站。

通常針對(duì)女性用戶的網(wǎng)站多會(huì)選擇粉色，誕生粉色同時(shí)會(huì)讓人想起甜食。在這樣一個(gè)主要討論女性健康的網(wǎng)站上，像這樣強(qiáng)調(diào)粉色顯然不合適。進(jìn)一步瀏覽該網(wǎng)站，每個(gè)子頁(yè)面的頂部橫幅都沿用了粉色，而在減重頁(yè)面，整個(gè)頁(yè)面的顏色運(yùn)用了更多粉色和相近的鮮艷顏色。這樣的配色可能會(huì)起到反作用。

選定配色方案

在網(wǎng)站設(shè)計(jì)中，通常不可能只運(yùn)用一種顏色，所以，設(shè)計(jì)師在動(dòng)手前應(yīng)先選定網(wǎng)站整體配色方案，要提前確定每個(gè)單獨(dú)顏色的運(yùn)用及色彩搭配效果，同時(shí)要考慮顏色對(duì)用戶的影響以及主次色彩間的相互影響。

接下來(lái)向大家介紹配色三法，幫助大家進(jìn)行有效合理的配色。

1： 三色系原則

這條原則是最基本也最具平衡性的一種方法，利用了顏色的生動(dòng)性和互補(bǔ)性。設(shè)計(jì)師可以利用十二階色相環(huán)選擇任意相距120°的三種顏色分別作為背景色、內(nèi)容頁(yè)顏色和導(dǎo)航顏色。

2： 互補(bǔ)色配色

第二種方法稍有難度但十分有效，需提前練習(xí)。這種方法需要挑選一組互補(bǔ)色和一組對(duì)比色。

3：類似色配色

第三種方法只關(guān)注互補(bǔ)色，設(shè)計(jì)師需要慎重選擇，考慮清楚配色帶給用戶的感覺(jué)。這種方法會(huì)增強(qiáng)顏色的生動(dòng)性，所以要控制以免顏色太過(guò)夸張。所以，無(wú)論選擇哪種或者哪幾種顏色，都需要考慮整體配色效果。

看下圖網(wǎng)站配色，你認(rèn)為它向外界傳遞出怎樣的信息？

1：背景色：黑色背景色傳遞出經(jīng)典、優(yōu)質(zhì)、正式與統(tǒng)一的感覺(jué)。顯然，具有指導(dǎo)性功能的網(wǎng)站需要利用配色傳遞出“優(yōu)質(zhì)”“正式”的特性�！敖y(tǒng)一性”有利于保證用戶粘性。

2：按鈕色：網(wǎng)站CTA按鈕選擇了紅色，與黑色背景形成了強(qiáng)烈對(duì)比，效果明顯，鼓勵(lì)用戶注冊(cè)，次重要的按鈕是帶有白色邊框的黑色。

3：字體色：白色字體顯眼又與網(wǎng)站整體配色搭配，圖標(biāo)也利用了白色呈現(xiàn)簡(jiǎn)單的描線風(fēng)格，放在最下方折疊菜單處，鼓勵(lì)用戶下拉瀏覽更多內(nèi)容。

整體來(lái)看，該網(wǎng)站的設(shè)計(jì)優(yōu)秀，配色合理美觀，網(wǎng)站給人經(jīng)典又相對(duì)正式的感覺(jué)。紅色恰到好處的使用即不搶風(fēng)頭又起到了很好的提示作用。

慎用甚至禁用顏色

一般情況下，棕色讓人聯(lián)想到自然，是大多數(shù)男性用戶最不喜歡的顏色，但在某些特定情況下能夠起到很好的效果，因?yàn)樽厣瑫r(shí)意味著信賴。

在UPSlogo中的棕色效果就很好，因?yàn)閁PS想傳遞出的信息就是“可信賴”。

不過(guò)有趣的是，棕色還給人以堅(jiān)固感，因此適合做具有攻擊性運(yùn)動(dòng)的運(yùn)動(dòng)服。

女性用戶最不喜歡的顏色中包括橙色。

最后，需要再次強(qiáng)調(diào)，設(shè)計(jì)師一定要注重顏色搭配，盡量營(yíng)造和諧的視覺(jué)體驗(yàn)。

能夠幫助設(shè)計(jì)師選擇合適顏色的工具

Adobe Color CC，Paletton，F(xiàn)lat UI Color Picker，Mudcube Color Sphere，Check My Colours，Color。

總結(jié)：

色彩是設(shè)計(jì)中的一個(gè)重要元素，也是整體品牌的重要方面，選擇的顏色一定要傳遞出符合品牌特征的信息，又要配合品牌整體故事和含義。通常來(lái)講，設(shè)計(jì)師需要與現(xiàn)有l(wèi)ogo配合，基于已有信息選擇顏色。

  本文關(guān)鍵詞：設(shè)計(jì)中的色彩心理學(xué)，由筆耕文化傳播整理發(fā)布。

本文編號(hào)：306146