淺談網(wǎng)頁(yè)設(shè)計(jì)中的色彩理論

無(wú)可爭(zhēng)議的是，色彩是任何設(shè)計(jì)領(lǐng)域中最重要的一方面。

設(shè)計(jì)師在決定了一個(gè)網(wǎng)站風(fēng)格的同時(shí)，也決定了網(wǎng)站的情感，而情感的表達(dá)很大程度上取決于顏色的選擇。顏色是很有力的工具，所有設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁(yè)時(shí)就應(yīng)該明白這一點(diǎn)。

一、顏色術(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ì)。

[Ok3w_NextPage]

四、設(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ì)中去。

人們往往不會(huì)同意一些特定色彩的含義以及設(shè)計(jì)師們應(yīng)該用哪些顏色來(lái)加強(qiáng)特定的情感。但無(wú)需爭(zhēng)論的是，客戶對(duì)顏色是有情感的反應(yīng)的。

當(dāng)為你的設(shè)計(jì)品選擇顏色時(shí)要慎重，不要無(wú)目的地使用顏色。你所選擇的顏色要適合你的目標(biāo)受眾、能表達(dá)客戶希望你傳達(dá)的信息，能符合你對(duì)用戶在你的網(wǎng)站所獲得的整體感受的期望。

暖色能帶來(lái)陽(yáng)光明媚的情緒，用在希望帶來(lái)幸福快樂(lè)感覺(jué)的網(wǎng)站上是明智的。舉一個(gè)例子，在2009年全球經(jīng)濟(jì)不太好的時(shí)候，黃色變成了網(wǎng)頁(yè)設(shè)計(jì)中非常流行的色彩，因?yàn)楣�司希望顧客在他們網(wǎng)站上有到陽(yáng)光和舒適的感受。

冷色最好是用在想要表達(dá)出專業(yè)或整潔感覺(jué)的網(wǎng)站上，以呈現(xiàn)出一個(gè)冷靜的企業(yè)形象。冷色表達(dá)出權(quán)威、明確和信任的感覺(jué)。例如，冷靜的藍(lán)色用在許多銀行的網(wǎng)站上，比如大通銀行。冷色運(yùn)用在以樂(lè)觀為主題的網(wǎng)站上是不明智的，因?yàn)橛脩魰?huì)得到錯(cuò)誤的印象。

[Ok3w_NextPage]

六、顏色對(duì)于用戶的意義

大多數(shù)顏色能表達(dá)積極或消極的情緒，這取決于它是怎樣被運(yùn)用的，以及周圍其他的顏色，還有網(wǎng)站本身的內(nèi)涵。

以下是一些流行色彩的普遍意義。

紅色

紅色象征著火和力量，還與激情和重要性聯(lián)系在一起。它還有助于激發(fā)能量和提起興趣。

紅色的負(fù)面內(nèi)涵是憤怒、危急和生氣，緊急情況下，和憤怒，這也源于紅色本身里的熱情和進(jìn)取。

橙色

橙色是色輪上紅、黃兩個(gè)鄰色的組合色。橙色象征著幸福，快樂(lè)和陽(yáng)光。這是一個(gè)歡快的色彩，喚起孩子般的生機(jī)。

橙色沒(méi)有紅色那么積極，但是它也有一部分這樣的特質(zhì)，刺激著心理活動(dòng)。但它也象征著愚昧和欺騙。

黃色

明亮的黃色是一種幸福的顏色，代表著積極黃色特質(zhì)：喜悅，智慧，光明，能量，樂(lè)觀，和幸福。

一個(gè)昏暗的黃色則帶來(lái)負(fù)面的感受：警告，批評(píng)，懶惰，和嫉妒。

綠色

綠色象征著自然，并且有一種治愈性的特質(zhì)。它可以用來(lái)象征成長(zhǎng)與和諧。綠色讓人感到安全。醫(yī)院經(jīng)常使用綠色。

另一方面，綠色的是金錢的象征，表達(dá)著貪婪或嫉妒。它也可以被用來(lái)象征缺乏經(jīng)驗(yàn)或初學(xué)者需要成長(zhǎng)（“沒(méi)有經(jīng)驗(yàn)的綠色”）。

[Ok3w_NextPage]

藍(lán)色

藍(lán)色是一個(gè)和平、平靜的顏色，散發(fā)著穩(wěn)定和專業(yè)性，因此它普遍運(yùn)用于企業(yè)網(wǎng)站。藍(lán)也可以象征著信任和可靠性。

一個(gè)冷調(diào)的陰影能帶來(lái)藍(lán)色消極的一面，象征著抑郁，冷漠和被動(dòng)。

紫色

紫色是皇室和有教養(yǎng)的顏色，代表著財(cái)富和奢侈品。它也賦予了靈性的感覺(jué)，并鼓舞創(chuàng)造力。

較淺的紫色可以散發(fā)出一種神奇的感覺(jué)。它能很好地提升創(chuàng)造力和表達(dá)女性特質(zhì)。

較深的紫色可以呈現(xiàn)出沮喪和悲傷的情緒。

黑色

雖然黑色是不是色輪的一部分，它仍然可以被用來(lái)暗示感覺(jué)和意義。它往往是與權(quán)力，優(yōu)雅，精致，和深度聯(lián)系在一起。據(jù)說(shuō)在面試時(shí)穿黑色服裝可以表現(xiàn)出應(yīng)聘者是一個(gè)有力量的個(gè)體，網(wǎng)站也是同樣的道理。

黑色也可以被看作是負(fù)面的，因?yàn)樗�與死亡，神秘和未知聯(lián)系在一起。這是悲傷、悼念和悲哀的顏色，因此在運(yùn)用時(shí)必須明智選擇。

白色

白色，也不是色輪的一部分，象征純潔和天真。它還傳達(dá)著干凈和安全。

相反，白色還可以被認(rèn)為是寒冷和遙遠(yuǎn)的象征，代表著冬天的嚴(yán)酷和痛苦的特質(zhì)。

[Ok3w_NextPage]

七、大公司的網(wǎng)站中顏色運(yùn)用的例子

我們來(lái)看看一些大公司的網(wǎng)站，來(lái)知曉他們是怎么運(yùn)用顏色的，以及那些顏色對(duì)于他們的用戶來(lái)說(shuō)意味著什么。

耐克

耐克常常更新他們的網(wǎng)站，但通常還是黑色和灰色的色調(diào)，它通常是暗。黑色顯示著他們產(chǎn)品中的力量，留給大家他們向愛(ài)運(yùn)動(dòng)的顧客出售優(yōu)質(zhì)產(chǎn)品的印象。

白宮

白宮的網(wǎng)站主要是白色和淺灰色，再加上一些藍(lán)色和紅色作強(qiáng)調(diào)色。白色象征著希望和自由，顯露出平安和純潔的價(jià)值。紅色和藍(lán)色當(dāng)然是美國(guó)的代表色，紅色代表著熱情和能量，藍(lán)色則代表著穩(wěn)定與和平。

亞馬遜

亞馬遜的網(wǎng)站大多是白色的，白色有著最佳的對(duì)比度和可讀性。它還顯露出整潔性，讓用戶能自由地瀏覽網(wǎng)站。以橙色和藍(lán)色的強(qiáng)調(diào)色則讓用戶能感到安定、興奮，也讓他們期望找到最滿意的采購(gòu)。

Verizon公司

紅色是Verizon的企業(yè)品牌主色調(diào)，也是貫穿整個(gè)網(wǎng)站的顏色。紅色有助于刺激用戶的興奮性，展示出一個(gè)出售讓人興奮和快速更新的產(chǎn)品的公司形象。白色背景的運(yùn)用與亞馬遜類似，通過(guò)一個(gè)整潔有序的界面來(lái)幫助用戶閱讀這個(gè)網(wǎng)站。

[Ok3w_NextPage]

百思買

百思買的網(wǎng)站的色調(diào)是深藍(lán)色，顯露出他們?cè)陔娮邮袌?chǎng)中的穩(wěn)定和實(shí)力。顧客在百思買上的大量采購(gòu)使得他們需要安全感與平和感。黃色散發(fā)的快樂(lè)氣氛讓他們?cè)诓少?gòu)時(shí)感覺(jué)到興奮與趣味。

嘉信理財(cái)

嘉信理財(cái)是一家投資公司，在不穩(wěn)定的市場(chǎng)環(huán)境下他們需要讓消費(fèi)者在他們的網(wǎng)站上感受到平和。他們使用柔和的深藍(lán)色調(diào)來(lái)實(shí)現(xiàn)這一點(diǎn)，并建立起一種平靜、祥和的氣氛。中性的棕色則是另一種幫助協(xié)調(diào)偏激的用戶感受的企業(yè)色彩。橙色作為強(qiáng)調(diào)色，能讓用戶在買股票時(shí)產(chǎn)生興奮感，同時(shí)也為網(wǎng)站帶來(lái)了幸福感。

道奇

道奇的網(wǎng)站大多是黑色系，能讓網(wǎng)站上的圖片凸顯出來(lái)。他們使用一種鮮艷的紅色作為強(qiáng)調(diào)色。黑色給網(wǎng)站帶來(lái)力量感，在一種精致與陽(yáng)剛的氛圍下展示他們的產(chǎn)品。黑色是一種不錯(cuò)的顏色，它能使產(chǎn)品看起來(lái)珍貴、有價(jià)值。紅色則表達(dá)出激情和興奮，是希望能讓消費(fèi)者認(rèn)為他們是從一個(gè)值得信任、質(zhì)量有保障的公司購(gòu)買到的車輛。

全食食品公司

全食食品企業(yè)品牌的主色調(diào)和他們的網(wǎng)站色調(diào)一樣，是綠色。全食食品以較高的價(jià)格售賣健康的有機(jī)食品。網(wǎng)頁(yè)設(shè)計(jì)中的綠色很好的展示了他們所珍視的健康與純凈的概念，以及他們親近自然的產(chǎn)品。他們也用了很配綠色的淡黃色作為強(qiáng)調(diào)色，為網(wǎng)站增添了趣味性。

[Ok3w_NextPage]

八、顏色在網(wǎng)站中的運(yùn)用

不需要描述性的文字，顏色就能賦予網(wǎng)站以意義。無(wú)論你是否打算為他們加上某種意義，顏色本身就有許多特定的印象。用戶瀏覽網(wǎng)頁(yè)時(shí)，顏色幫助轉(zhuǎn)移用戶的視線，指引用戶怎么去瀏覽一個(gè)頁(yè)面。在許多企業(yè)的網(wǎng)站中可以看出，顏色表達(dá)了情感和價(jià)值觀，向用戶展示著他們的公司是怎樣的、他們所售賣的產(chǎn)品是怎樣的。

仔細(xì)挑選補(bǔ)色能讓你更好地運(yùn)用顏色，一旦選定后你想要表達(dá)的意義也就顯示出來(lái)了。

配對(duì)色的運(yùn)用能改變一個(gè)網(wǎng)站的意義。給以柔和的藍(lán)色為色調(diào)的、表達(dá)出平靜網(wǎng)站配上明亮的橙色，就能讓它變成讓人更多感受到興奮和趣味的網(wǎng)站。

也許你的客戶認(rèn)為你所設(shè)計(jì)的網(wǎng)站深灰色過(guò)多、太過(guò)嚴(yán)肅，加上柔和的藍(lán)色能讓你的網(wǎng)站有平靜、平和的基調(diào)。

九、與色彩運(yùn)用相關(guān)的資源

許多網(wǎng)站討論過(guò)色彩理論和設(shè)計(jì)中的色彩使用。可以運(yùn)用以下這些有用的資源來(lái)尋找色彩搭配和為你的網(wǎng)站設(shè)計(jì)注入更多的意義。