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

0 評論 3836 瀏覽 5 收藏 14 分鐘

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

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

一、顏色術(shù)語

你們當(dāng)中很多人可能已經(jīng)在學(xué)校學(xué)過一些色彩基礎(chǔ)知識,讓我們快速回顧一些術(shù)語,來更好的把握色彩和運(yùn)用色彩。

色輪的主要組成

所有的色彩能在一個色輪中呈現(xiàn)。在這個色輪中,我們能把顏色分成3大塊:原色,輔助色和第三顏色。

三原色分別是紅色,藍(lán)色和黃色。這些色彩是基礎(chǔ)色,他們組成了色輪上的所有其他顏色。

把原色混合在一起,你就能得到輔助色,它們是橙色、綠色和紫色。

二、顏色的關(guān)系

描述顏色有大量的術(shù)語,了解這些術(shù)語將有助于我們討論的色彩和色彩的情感含義。

互補(bǔ)色是互補(bǔ)互調(diào)的色彩,它們坐落在色輪上對立的位置。這些互補(bǔ)色有藍(lán)色和橙色、紫色和黃色、以及紅色和綠色。

鄰色是色輪上相毗鄰的色彩,所以當(dāng)鄰色一起用時,可以是很好的搭配,但不會有明顯的對比。

第三顏色是由中間色組成的,例如黃綠色和藍(lán)綠色,即由一個原色和一個輔助色混合組成。

三、基于情感的色彩群體

一些色彩群體是和情感聯(lián)系在一起的,比如溫暖、冷靜和中立的情感。

暖色能讓人感覺到溫暖,例如紅色、黃色和橙色。

冷色讓人聯(lián)想到?jīng)鏊秃?,例如藍(lán)色,綠色和紫色。

中性色,顧名思義,并不創(chuàng)造怎樣的情感。像灰色和棕色就是中性色。

了解色彩這些方面的知識可以用幫助一個設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁時不用文字就能表達(dá)特定含義和特定情感,并彰顯優(yōu)勢。

四、設(shè)計(jì)中顏色的類型

這里有兩種不同的顏色系統(tǒng),兩者的運(yùn)用取決于你設(shè)計(jì)什么。

RGB是這個色彩系統(tǒng)中三個基本色“紅、綠、藍(lán)”的英文縮寫,這三種基本色是光的三原色。RGB運(yùn)用在電視電腦屏幕和任何類型的屏幕上。

CMYK是“青色、洋紅、黃色、黑色”的英文縮寫,這些顏色是顏料的原色,CMYK被運(yùn)用于印刷。

網(wǎng)頁上的設(shè)計(jì)是建立在RGB色彩系統(tǒng)上的。

五、明智地選擇色彩、傳達(dá)意義

色彩理論是運(yùn)用顏色背后的意義給用戶帶來感官體驗(yàn)的實(shí)踐所得。這種實(shí)踐經(jīng)驗(yàn)再加上一些知識和想法可以運(yùn)用到網(wǎng)頁的設(shè)計(jì)中去。

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

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

暖色能帶來陽光明媚的情緒,用在希望帶來幸??鞓犯杏X的網(wǎng)站上是明智的。舉一個例子,在2009年全球經(jīng)濟(jì)不太好的時候,黃色變成了網(wǎng)頁設(shè)計(jì)中非常流行的色彩,因?yàn)楣鞠M櫩驮谒麄兙W(wǎng)站上有到陽光和舒適的感受。

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

六、顏色對于用戶的意義

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

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

紅色

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

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

橙色

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

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

黃色

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

一個昏暗的黃色則帶來負(fù)面的感受:警告,批評,懶惰,和嫉妒。

綠色

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

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

藍(lán)色

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

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

紫色

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

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

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

黑色

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

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

白色

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

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

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

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

耐克

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

白宮

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

亞馬遜

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

Verizon公司

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

百思買

百思買的網(wǎng)站的色調(diào)是深藍(lán)色,顯露出他們在電子市場中的穩(wěn)定和實(shí)力。顧客在百思買上的大量采購使得他們需要安全感與平和感。黃色散發(fā)的快樂氣氛讓他們在采購時感覺到興奮與趣味。

嘉信理

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

道奇

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

全食食品公司

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

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

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

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

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

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

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

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

《20個對設(shè)計(jì)師非常有用的在線配色工具》

—參考文獻(xiàn)—

色彩理論- 維基百科

顏色的含義-Color Wheel Pro

顏色品牌:顏色背后的含義–EveryJoe

顏色:含義,象征性和心理 -Squidoo

顏色方案的設(shè)計(jì)者3

本文來自:http://blog.jobbole.com/8597/
英文原文:http://sixrevisions.com/web_design/a-look-into-color-theory-in-web-design/

 

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!