淺談網頁設計中的色彩理論

無可爭議的是,色彩是任何設計領域中最重要的一方面

設計師在決定了一個網站風格的同時,也決定了網站的情感,而情感的表達很大程度上取決於顏色的選擇。顏色是很有力的工具,所有設計師在設計網頁時就應該明白這一點。

一、顏色術語

你們當中很多人可能已經在學校學過一些色彩基礎知識,讓我們快速回顧一些術語,來更好的把握色彩和運用色彩。

色輪的主要組成

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

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

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

A Look into Color Theory in Web Design

二、顏色的關係

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

互補色是互補互調的色彩,它們坐落在色輪上對立的位置。這些互補色有藍色和橙色、紫色和黃色、以及紅色和綠色。

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

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

color circle

三、基於情感的色彩群體

一些色彩群體是和情感聯繫在一起的,比如溫暖、冷靜和中立的情感。

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

冷色讓人聯想到涼爽和寒冷,例如藍色,綠色和紫色。

中性色,顧名思義,並不創造怎樣的情感。像灰色和棕色就是中性色。

了解色彩這些方面的知識可以用幫助一個設計師在設計網頁時不用文字就能表達特定含義和特定情感,並彰顯優勢。

四、設計中顏色的類型

這裡有兩種不同的顏色系統,兩者的運用取決於你設計什麼。

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

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

網頁上的設計是建立在RGB色彩系統上的。

五、明智地選擇色彩、傳達意義

色彩理論是運用顏色背後的意義給用戶帶來感官體驗的實踐所得。這種實踐經驗再加上一些知識和想法可以運用到網頁的設計中去。

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

當為你的設計品選擇顏色時要慎重,不要無目的地使用顏色。你所選擇的顏色要適合你的目標受眾、能表達客戶希望你傳達的信息,能符合你對用戶在你的網站所獲得的整體感受的期望。

暖色能帶來陽光明媚的情緒,用在希望帶來幸福快樂感覺的網站上是明智的。舉一個例子,在2009年全球經濟不太好的時候,黃色變成了網頁設計中非常流行的色彩,因為公司希望顧客在他們網站上有到陽光和舒適的感受。

冷色最好是用在想要表達出專業或整潔感覺的網站上,以呈現出一個冷靜的企業形象。冷色表達出權威、明確和信任的感覺。例如,冷靜的藍色用在許多銀行的網站上,比如大通銀行。冷色運用在以樂觀為主題的網站上是不明智的,因為用戶會得到錯誤的印象。

六、顏色對於用戶的意義

大多數顏色能表達積極或消極的情緒,這取決於它是怎樣被運用的,以及周圍其他的顏色,還有網站本身的內涵。

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

紅色

紅色象徵著火和力量,還與激情和重要性聯繫在一起。它還有助於激發能量和提起興趣。

紅色的負面內涵是憤怒、危急和生氣,緊急情況下,和憤怒,這也源於紅色本身裡的熱情和進取。

橙色

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

橙色沒有紅色那麼積極,但是它也有一部分這樣的特質,刺激著心理活動。但它也像徵著愚昧和欺騙。

黃色

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

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

綠色

綠色象徵著自然,並且有一種治愈性的特質。它可以用來象徵成長與和諧。綠色讓人感到安全。醫院經常使用綠色。

另一方面,綠色的是金錢的象徵,表達著貪婪或嫉妒。它也可以被用來象徵缺乏經驗或初學者需要成長(“沒有經驗的綠色”)。

藍色

藍色是一個和平、平靜的顏色,散發著穩定和專業性,因此它普遍運用於企業網站。藍也可以像徵著信任和可靠性。

一個冷調的陰影能帶來藍色消極的一面,象徵著抑鬱,冷漠和被動。

紫色

紫色是皇室和有教養的顏色,代表著財富和奢侈品。它也賦予了靈性的感覺,並鼓舞創造力。

較淺的紫色可以散發出一種神奇的感覺。它能很好地提升創造力和表達女性特質。

較深的紫色可以呈現出沮喪和悲傷的情緒。

黑色

雖然黑色是不是色輪的一部分,它仍然可以被用來暗示感覺和意義。它往往是與權力,優雅,精緻,和深度聯繫在一起。據說在面試時穿黑色服裝可以表現出應聘者是一個有力量的個體,網站也是同樣的道理。

黑色也可以被看作是負面的,因為它與死亡,神秘和​​未知聯繫在一起。這是悲傷、悼念和悲哀的顏色,因此在運用時必須明智選擇。

白色

白色,也不是色輪的一部分,象徵純潔和天真。它還傳達著乾淨和安全。

相反,白色還可以被認為是寒冷和遙遠的象徵,代表著冬天的嚴酷和痛苦的特質。

七、大公司的網站中顏色運用的例子

我們來看看一些大公司的網站,來知曉他們是怎麼運用顏色的,以及那些顏色對於他們的用戶來說意味著什麼。

耐克

耐克常常更新他們的網站,但通常還是黑色和灰色的色​​調,它通常是暗。黑色顯示著他們產品中的力量,留給大家他們向愛運動的顧客出售優質產品的印象。

白宮

白宮的網站主要是白色和淺灰色,再加上一些藍色和紅色作強調色。白色象徵著希望和自由,顯露出平安和純潔的價值。紅色和藍色當然是美國的代表色,紅色代表著熱情和能量,藍色則代表著穩定與和平。

亞馬遜

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

Verizon公司

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

百思買

百思買的網站的色調是深藍色,顯露出他們在電子市場中的穩定和實力。顧客在百思買上的大量採購使得他們需要安全感與平和感。黃色散發的快樂氣氛讓他們在採購時感覺到興奮與趣味。

嘉信理財

嘉信理財是一家投資公司,在不穩定的市場環境下他們需要讓消費者在他們的網站上感受到平和。他們使用柔和的深藍色調來實現這一點,並建立起一種平靜、祥和的氣氛。中性的棕色則是另一種幫助協調偏激的用戶感受的企業色彩。橙色作為強調色,能讓用戶在買股票時產生興奮感,同時也為網站帶來了幸福感。

道奇

道奇的網站大多是黑色系,能讓網站上的圖片凸顯出來。他們使用一種鮮豔的紅色作為強調色。黑色給網站帶來力量感,在一種精緻與陽剛的氛圍下展示他們的產品。黑色是一種不錯的顏色,它能使產品看起來珍貴、有價值。紅色則表達出激情和興奮,是希望能讓消費者認為他們是從一個值得信任、質量有保障的公司購買到的車輛。

全食食品公司

全食食品企業品牌​​的主色調和他們的網站色調一樣,是綠色。全食食品以較高的價格售賣健康的有機食品。網頁設計中的綠色很好的展示了他們所珍視的健康與純淨的概念,以及他們親近自然的產品。他們也用了很配綠色的淡黃色作為強調色,為網站增添了趣味性。

八、顏色在網站中的運用

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

仔細挑選補色能讓你更好地運用顏色,一旦選定後你想要表達的意義也就顯示出來了。

配對色的運用能改變一個網站的意義。給以柔和的藍色為色調的、表達出平靜網站配上明亮的橙色,就能讓它變成讓人更多感受到興奮和趣味的網站。

也許你的客戶認為你所設計的網站深灰色過多、太過嚴肅,加上柔和的藍色能讓你的網站有平靜、平和的基調。

九、與色彩運用相關的資源

許多網站討論過色彩理論和設計中的色彩使用。可以運用以下這些有用的資源來尋找色彩搭配和為你的網站設計注入更多的意義。

20個對設計師非常有用的在線配色工具

—參考文獻—

色彩理論– 維基百科

顏色的含義-Color Wheel Pro

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

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

顏色方案的設計者3

本文來自:http://blog.jobbole.com/8597/

英文原文:http://sixrevisions.com/web_design /a-look-into-color-theory-in-web-design/

 

特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy

Comments are closed.