色彩心理學(xué)在設(shè)計(jì)的各個(gè)方面都被廣泛應(yīng)用，這已經(jīng)不是什么秘密了。從日常用品的顏色，到品牌標(biāo)識(shí)和網(wǎng)站設(shè)計(jì)，顏色是一個(gè)重要的元素，可以向用戶傳達(dá)特定的信息。

理解色彩心理學(xué)

圖片來源:Dropbox

根據(jù)Kissmetrics的說法，當(dāng)我們看到一種顏色時(shí)，我們的眼睛會(huì)向大腦的下丘腦區(qū)發(fā)送信息。反過來，這又向腦下垂體發(fā)出進(jìn)一步的信號(hào)，然后進(jìn)入甲狀腺。這就意味著荷爾蒙的釋放會(huì)引起我們情緒、情緒和行為的波動(dòng)。

科學(xué)告訴我們，顏色會(huì)喚起情緒，導(dǎo)致消極、積極或不匹配的情緒。Kissmetrics還說，網(wǎng)站訪問者只需90秒就能做出判斷或判斷。此外，“62-90%的交互是由產(chǎn)品本身的顏色決定的。”

正如在免費(fèi)電子書網(wǎng)頁設(shè)計(jì)中所描述的人類眼睛，顏色在給用戶創(chuàng)造一個(gè)強(qiáng)烈的第一印象方面起著不可否認(rèn)的作用。

顏色是什么意思

每種顏色對(duì)每個(gè)人都有意義，盡管這個(gè)意義取決于我們的個(gè)人喜好和文化背景。

為了便于參考，請(qǐng)查看下面的顏色圖表。



顏色

圖片來源:UXPin

色彩心理學(xué)在設(shè)計(jì)上并不是一門精確的科學(xué)，研究已經(jīng)表明它受個(gè)人感知的影響。社會(huì)因素，比如性別，也會(huì)影響人們對(duì)顏色的認(rèn)知。進(jìn)一步的研究發(fā)現(xiàn)，影響的顏色本身并不總是顏色本身，它也說明了用戶感覺使用的顏色與使用它的品牌是多么合適。

只有

圖片來源:只有

所以，如果你是為女性設(shè)計(jì)的，那么紫色是一個(gè)不錯(cuò)的選擇，因?yàn)樗慌似毡橄矚g，但男人不喜歡(一般來說，當(dāng)然)。在下圖中，這對(duì)巴黎歐萊雅的效果很好。正如您所看到的，頁眉和頁腳是黑色的，它表示類和優(yōu)雅，這樣您就會(huì)得到整體的感覺，即產(chǎn)品并不便宜，而是高端的。

只有

圖片來源:只有

此外，白色用于文字，這代表了現(xiàn)代性和一種平靜感，而紫色則被選擇來表示奢華、優(yōu)雅和女性氣質(zhì)——所有這些都很明顯適合這樣的網(wǎng)站。

(為了更多地了解極簡(jiǎn)設(shè)計(jì)，并將白色空間作為設(shè)計(jì)工具，請(qǐng)查閱免費(fèi)電子書《極簡(jiǎn)主義的優(yōu)雅》和《網(wǎng)頁設(shè)計(jì)中的白色空間的禪》)。

在下面的圖片中，女性健康雜志的頂部橫幅是粉色的，但除此之外，網(wǎng)站的顏色相對(duì)缺乏，取而代之的是圖像和大膽的導(dǎo)航。這是一個(gè)有趣的選擇，可以在網(wǎng)站上工作。

首先，粉紅色是一種非常典型的顏色，當(dāng)一個(gè)網(wǎng)站針對(duì)女性的時(shí)候，它會(huì)吸引到喜歡甜食的人，所以網(wǎng)站的信息，就是關(guān)于女性健康的信息，可能會(huì)因?yàn)檫@個(gè)而丟失。

婦女的健康

圖片來源:女性健康

一旦我們深入到網(wǎng)站，標(biāo)題的顏色當(dāng)然是在每一頁上使用，但是快速訪問的減肥部分返回下面。

婦女的健康

圖片來源:女性健康

正如你所看到的，這個(gè)頁面甚至更多的是粉色，這可能會(huì)對(duì)觀眾產(chǎn)生反作用。然而，我們看到的第一個(gè)圖像是在一個(gè)滑塊上，當(dāng)你停留在頁面上時(shí)，它會(huì)發(fā)生變化。

確定配色方案

你不太可能創(chuàng)建一個(gè)只有一種顏色的網(wǎng)站(除非你是純單色的)，所以你應(yīng)該考慮整體的配色方案和每一種顏色，以及它們?cè)谝黄鸬男Ч?。還要考慮對(duì)用戶的影響，以及次要顏色如何與您正在使用的主顏色相匹配。

考慮到這一點(diǎn)，你應(yīng)該注意把顏色混合在一起，并幫助你這樣做，你可以用三種基本的顏色混合方法來指導(dǎo)你。

# 1:三元

這是最基本、最平衡的方法，使用色彩的振動(dòng)和互補(bǔ)。使用12步色輪，你可以選擇任意三種顏色，它們分別位于120度左右的背景、內(nèi)容和導(dǎo)航。

三合一的配色方案

照片學(xué)分:射線Trygstad。維基共享。知識(shí)共享。從最初的編輯。

# 2:化合物(互補(bǔ))

第二種方法比較困難，你可能需要進(jìn)行實(shí)驗(yàn)才能使它正確，但如果做得好，它會(huì)非常有效。這個(gè)概念使用了四種顏色——兩對(duì)對(duì)比(靠近色輪)和兩個(gè)互補(bǔ)的對(duì)(在色輪上)。

復(fù)合(分裂互補(bǔ))配色方案。

照片學(xué)分:射線Trygstad。維基共享。知識(shí)共享。從最初的編輯。

# 3:類似

這個(gè)方法只關(guān)注互補(bǔ)色，當(dāng)你決定你想要的方案時(shí)，你應(yīng)該小心。 本文來源：杰云網(wǎng)絡(luò)，轉(zhuǎn)載請(qǐng)注明出處！如果需要 營銷型網(wǎng)站建設(shè)、 微商城、 小程序商城、 多端小程序 請(qǐng)聯(lián)系我們！