萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網頁設計中的色彩理論

網頁設計中的色彩理論

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

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

  一、顏色術語

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

  色輪的主要組成

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

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

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

A Look into Color Theory in Web Design

  二、顏色的關系

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

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

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

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

color circle

  三、基於情感的色彩群體

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

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

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

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

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

  四、設計中顏色的類型

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

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

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

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

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

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

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

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

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

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

  六、顏色對於用戶的意義

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

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

  紅色

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

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

  橙色

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

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

  黃色

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

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

  綠色

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

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

  藍色

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

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

  紫色

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

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

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

  黑色

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

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

  白色

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

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

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

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

  耐克

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

  白宮

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

  亞馬遜

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

  Verizon公司

copyright © 萬盛學電腦網 all rights reserved