- 相關(guān)推薦
網(wǎng)頁(yè)設(shè)計(jì)的色彩心理學(xué)知識(shí)
學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的人，對(duì)于色彩一定要有所了解，下面小編為大家?guī)?lái)了關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的色彩心理學(xué)知識(shí)，歡迎大家閱讀!
紅色：危險(xiǎn)，重要，激情
紅色是血與火的顏色，它是最強(qiáng)大的色彩之一，同時(shí)代表著愛(ài)與戰(zhàn)爭(zhēng)。
紅色所傳遞出的情緒是非常激烈的，甚至可以直接引起相應(yīng)的生理變化，包括血壓升高，呼吸頻率提升，等等。
紅色還代表著精力充沛，能夠引起沖動(dòng)，還是是速度與力量的象征。Netflix和Youtube都采用紅色作為主色調(diào)。
勇士是引人注意的，它是非常具有性格的色彩，就像頒獎(jiǎng)典禮現(xiàn)場(chǎng)的紅地毯，它代表著走紅毯的名人和明星的重要性。而紅色運(yùn)用在網(wǎng)頁(yè)當(dāng)中，則意味著這個(gè)元素是最重要的、值得重視和注意的。
橙色：自信、能量、樂(lè)觀
橙色同樣是非常鮮艷的色彩，它和紅色也有著許多共通的地方，但是相對(duì)而言程度較低。它沒(méi)有紅色那么強(qiáng)烈的侵略性，但是它同樣有著精力充沛的含義，可以營(yíng)造出積極向上的情緒和氛圍。
就像紅色一樣，橙色同樣具備有很高的識(shí)別度，能夠強(qiáng)烈地吸引用戶的注意力，高亮特定元素的作用。另一方面，一些研究表明，橙色還能傳遞出“便宜”的含義，這也是為什么許多電商網(wǎng)站和APP會(huì)傾向于將購(gòu)物車和購(gòu)買(mǎi)相關(guān)的鏈接標(biāo)識(shí)為橙色。
Hipmunk中的橙色按鈕非常的吸睛。
黃色：陽(yáng)光，幸福，注意
黃色是非常有意思的色彩，它同時(shí)具備了幸福和焦慮兩種特性，不得不說(shuō)它的這個(gè)特征非常的哲學(xué)。在設(shè)計(jì)中，黃色非常容易引起注意力，所以它也是日常生活中近視標(biāo)識(shí)的常用色。盡管它在警示效果上不如紅色強(qiáng)烈，但是依然給人傳遞出危險(xiǎn)的感覺(jué)。
當(dāng)黃色與黑色搭配起來(lái)的時(shí)候，可以獲得更多的關(guān)注，著名的紐約出租車就是采用的這樣的設(shè)計(jì)。
綠色：自然、生長(zhǎng)、成功
與綠色聯(lián)系最緊密的毫無(wú)疑問(wèn)是自然。絕大多數(shù)的植物都是綠色的，它與生長(zhǎng)和健康都有著緊密的關(guān)聯(lián)。
在設(shè)計(jì)中，綠色可以起到平衡和協(xié)調(diào)的作用，在今年，年度色就是草木綠，它甚至被稱為新的中性色。不過(guò)在設(shè)計(jì)過(guò)程中，綠色的飽和度需要好好控制。高飽和度的綠色讓人興奮，引人注意，而低飽和度的綠色則接近中性色的作用，可以平衡整個(gè)設(shè)計(jì)。
藍(lán)色：舒適，放松，信任
藍(lán)色是天空和海洋的色彩，它是UI設(shè)計(jì)中最重要也是最常用的色彩，你在設(shè)計(jì)中所選取的藍(lán)色的色調(diào)和色度，都會(huì)直接影響到你的設(shè)計(jì)對(duì)于用戶的影響。
·淺藍(lán)色給人清爽、自由、平靜的感覺(jué)。這種輕松友好的氛圍還能轉(zhuǎn)化為信任的感覺(jué)，這也是為何如此多的銀行類網(wǎng)頁(yè)/APP會(huì)使用淺藍(lán)色。
·深藍(lán)色能夠給人強(qiáng)大而可靠的感覺(jué)。
紫色：豪華，靈性，創(chuàng)造性
紫色的使用頻率并不算高，它本身的這種稀缺性使得它在設(shè)計(jì)使用中有著特殊的地位。歷史上，曾經(jīng)一度只有歐洲皇室能使用，直到今天，它依然保持著某種奢侈感。將紫色運(yùn)用到網(wǎng)頁(yè)或者APP中，常常會(huì)給用戶一種高端的感覺(jué)。
一個(gè)有趣的調(diào)查表明，有接近75%的兒童喜歡紫色和相近的色彩。
黑色：力量，優(yōu)雅，精致
黑色是所有色彩中最有力量的，它能夠很快地吸引用戶的注意力，這也是為何它是文字的基準(zhǔn)色，也常常作為許多設(shè)計(jì)的主色。
在 Squarespace 這個(gè)網(wǎng)站中，黑色的“Get Start”按鈕非常引人注意。
當(dāng)黑色作為UI控件和視覺(jué)元素的主色調(diào)的時(shí)候，它常常會(huì)帶來(lái)相應(yīng)的情感聯(lián)系，它可以輕松傳達(dá)出復(fù)雜的情緒，營(yíng)造神秘的氛圍。
白色：健康，純潔，高尚
白色通常代表著純潔，給人以干凈、健康、高尚的感覺(jué)。由于白色常常同健康服務(wù)和創(chuàng)新啊所關(guān)聯(lián)，所以你可以使用白色來(lái)強(qiáng)調(diào)安全性，推廣醫(yī)療和高科技的產(chǎn)品。
在設(shè)計(jì)當(dāng)中，白色常常用作留白，用以突出周圍的色彩、控件。正確使用留白是一項(xiàng)非常重要的設(shè)計(jì)技能。以Google首頁(yè)為例，白色讓其他的色彩更加突出，更有力量：
大量的留白讓其他的元素脫穎而出。
灰色：正是，中性，專業(yè)
灰色代表中性和中立。相比于其他的顏色，灰色更為安全，當(dāng)灰色作為主色調(diào)而存在的時(shí)候，能讓設(shè)計(jì)的形式感更為強(qiáng)烈，這并不算壞事。和白色相似，這種中性色能夠讓其他的色彩更為顯眼。
灰色通常同其他更為明亮的色彩搭配起來(lái)使用。Dropbox 就常常使用灰色來(lái)突出CTA按鈕
拓展閱讀：網(wǎng)頁(yè)設(shè)計(jì)中的色彩理論
一、顏色術(shù)語(yǔ)
你們當(dāng)中很多人可能已經(jīng)在學(xué)校學(xué)過(guò)一些色彩基礎(chǔ)知識(shí)，讓我們快速回顧一些術(shù)語(yǔ)，來(lái)更好的把握色彩和運(yùn)用色彩。
色輪的主要組成
所有的色彩能在一個(gè)色輪中呈現(xiàn)。在這個(gè)色輪中，我們能把顏色分成3大塊：原色，輔助色和第三顏色。
三原色分別是紅色，藍(lán)色和黃色。這些色彩是基礎(chǔ)色，他們組成了色輪上的所有其他顏色。
把原色混合在一起，你就能得到輔助色，它們是橙色、綠色和紫色。
二、顏色的關(guān)系
描述顏色有大量的術(shù)語(yǔ)，了解這些術(shù)語(yǔ)將有助于我們討論的色彩和色彩的情感含義。
互補(bǔ)色是互補(bǔ)互調(diào)的色彩，它們坐落在色輪上對(duì)立的位置。這些互補(bǔ)色有藍(lán)色和橙色、紫色和黃色、以及紅色和綠色。
鄰色是色輪上相毗鄰的色彩，所以當(dāng)鄰色一起用時(shí)，可以是很好的搭配，但不會(huì)有明顯的對(duì)比。
第三顏色是由中間色組成的，例如黃綠色和藍(lán)綠色，即由一個(gè)原色和一個(gè)輔助色混合組成。
三、基于情感的色彩群體
一些色彩群體是和情感聯(lián)系在一起的，比如溫暖、冷靜和中立的情感。
暖色能讓人感覺(jué)到溫暖，例如紅色、黃色和橙色。
冷色讓人聯(lián)想到?jīng)鏊秃�，例如藍(lán)色，綠色和紫色。
中性色，顧名思義，并不創(chuàng)造怎樣的情感。像灰色和棕色就是中性色。
了解色彩這些方面的知識(shí)可以用幫助一個(gè)設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁(yè)時(shí)不用文字就能表達(dá)特定含義和特定情感，并彰顯優(yōu)勢(shì)。
四、設(shè)計(jì)中顏色的類型
這里有兩種不同的顏色系統(tǒng)，兩者的運(yùn)用取決于你設(shè)計(jì)什么。
RGB是這個(gè)色彩系統(tǒng)中三個(gè)基本色“紅、綠、藍(lán)”的英文縮寫(xiě)，這三種基本色是光的三原色。RGB運(yùn)用在電視電腦屏幕和任何類型的屏幕上。
CMYK是“青色、洋紅、黃色、黑色”的英文縮寫(xiě)，這些顏色是顏料的原色，CMYK被運(yùn)用于印刷。
網(wǎng)頁(yè)上的設(shè)計(jì)是建立在RGB色彩系統(tǒng)上的。
五、明智地選擇色彩、傳達(dá)意義
色彩理論是運(yùn)用顏色背后的意義給用戶帶來(lái)感官體驗(yàn)的實(shí)踐所得。這種實(shí)踐經(jīng)驗(yàn)再加上一些知識(shí)和想法可以運(yùn)用到網(wǎng)頁(yè)的設(shè)計(jì)中去。
【網(wǎng)頁(yè)設(shè)計(jì)的色彩心理學(xué)知識(shí)】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)對(duì)色彩的思考02-08
網(wǎng)頁(yè)設(shè)計(jì)的色彩搭配12-01
網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用07-10
如何設(shè)計(jì)網(wǎng)頁(yè)色彩04-07
網(wǎng)頁(yè)設(shè)計(jì)的色彩運(yùn)用技巧03-18
網(wǎng)頁(yè)設(shè)計(jì)的色彩如何搭配01-15
網(wǎng)頁(yè)設(shè)計(jì)色彩進(jìn)階技巧06-14