淺析網頁設計的色彩理論與案例範例
設計師在決定了一個網站風格的同時,也決定了網站的情感,而情感的表達很大程度上取決於顏色的選擇。顏色是很有力的工具,所有設計師在設計網頁時就應該明白這一點。
一、顏色術語
你們當中很多人可能已經在學校學過一些色彩基礎知識,讓我們快速回顧一些術語,來更好的把握色彩和運用色彩。
色輪的主要組成
所有的色彩能在一個色輪中呈現。在這個色輪中,我們能把顏色分成3大塊:原色,輔助色和第三顏色。
三原色分別是紅色,藍色和黃色。這些色彩是基礎色,他們組成了色輪上的所有其他顏色。
把原色混合在一起,你就能得到輔助色,它們是橙色、綠色和紫色。
二、顏色的關係
描述顏色有大量的術語,瞭解這些術語將有助於我們討論的色彩和色彩的情感含義。
互補色是互補互調的色彩,它們坐落在色輪上對立的位置。這些互補色有藍色和橙色、紫色和黃色、以及紅色和綠色。
鄰色是色輪上相毗鄰的色彩,所以當鄰色一起用時,可以是很好的搭配,但不會有明顯的對比。
第三顏色是由中間色組成的,例如黃綠色和藍綠色,即由一個原色和一個輔助色混合組成。
三、基於情感的色彩羣體
一些色彩羣體是和情感聯繫在一起的,比如温暖、冷靜和中立的情感。
暖色能讓人感覺到温暖,例如紅色、黃色和橙色。
冷色讓人聯想到涼爽和寒冷,例如藍色,綠色和紫色。
中性色,顧名思義,並不創造怎樣的情感。像灰色和棕色就是中性色。
瞭解色彩這些方面的知識可以用幫助一個設計師在設計網頁時不用文字就能表達特定含義和特定情感,並彰顯優勢。
四、設計中顏色的類型
這裏有兩種不同的顏色系統,兩者的運用取決於你設計什麼。
RGB是這個色彩系統中三個基本色“紅、綠、藍”的英文縮寫,這三種基本色是光的三原色。RGB運用在電視電腦屏幕和任何類型的屏幕上。
CMYK是“青色、洋紅、黃色、黑色”的`英文縮寫,這些顏色是顏料的原色,CMYK被運用於印刷。
網頁上的設計是建立在RGB色彩系統上的。
五、明智地選擇色彩、傳達意義
色彩理論是運用顏色背後的意義給用户帶來感官體驗的實踐所得。這種實踐經驗再加上一些知識和想法可以運用到網頁的設計中去。
人們往往不會同意一些特定色彩的含義以及設計師們應該用哪些顏色來加強特定的情感。但無需爭論的是,客户對顏色是有情感的反應的。
當為你的設計品選擇顏色時要慎重,不要無目的地使用顏色。你所選擇的顏色要適合你的目標受眾、能表達客户希望你傳達的信息,能符合你對用户在你的網站所獲得的整體感受的期望。
暖色能帶來陽光明媚的情緒,用在希望帶來幸福快樂感覺的網站上是明智的。舉一個例子,在2009年全球經濟不太好的時候,黃色變成了網頁設計中非常流行的色彩,因為公司希望顧客在他們網站上有到陽光和舒適的感受。
冷色最好是用在想要表達出專業或整潔感覺的網站上,以呈現出一個冷靜的企業形象。冷色表達出權威、明確和信任的感覺。例如,冷靜的藍色用在許多銀行的網站上,比如大通銀行。冷色運用在以樂觀為主題的網站上是不明智的,因為用户會得到錯誤的印象。
六、顏色對於用户的意義
大多數顏色能表達積極或消極的情緒,這取決於它是怎樣被運用的,以及周圍其他的顏色,還有網站本身的內涵。
以下是一些流行色彩的普遍意義。
紅色
紅色象徵着火和力量,還與激情和重要性聯繫在一起。它還有助於激發能量和提起興趣。
紅色的負面內涵是憤怒、危急和生氣,緊急情況下,和憤怒,這也源於紅色本身裏的熱情和進取。
橙色
橙色是色輪上紅、黃兩個鄰色的組合色。橙色象徵着幸福,快樂和陽光。這是一個歡快的色彩,喚起孩子般的生機。
橙色沒有紅色那麼積極,但是它也有一部分這樣的特質,刺激着心理活動。但它也象徵着愚昧和欺騙。
黃色
明亮的黃色是一種幸福的顏色,代表着積極黃色特質:喜悦,智慧,光明,能量,樂觀,和幸福。
一個昏暗的黃色則帶來負面的感受:警告,批評,懶惰,和嫉妒。
綠色
綠色象徵着自然,並且有一種治癒性的特質。它可以用來象徵成長與和諧。綠色讓人感到安全。醫院經常使用綠色。
另一方面,綠色的是金錢的象徵,表達着貪婪或嫉妒。它也可以被用來象徵缺乏經驗或初學者需要成長(“沒有經驗的綠色”)。
藍色
藍色是一個和平、平靜的顏色,散發着穩定和專業性,因此它普遍運用於企業網站。藍也可以象徵着信任和可靠性。
一個冷調的陰影能帶來藍色消極的一面,象徵着抑鬱,冷漠和被動。
紫色
紫色是皇室和有教養的顏色,代表着財富和奢侈品。它也賦予了靈性的感覺,並鼓舞創造力。
-
JavaScript與用户端教程
一頁面輸出1.頭部文件複製代碼代碼如下:2.複製代碼代碼如下:3.外部文件4.利用頁面ID的innerHtml複製代碼代碼如下:5.警告alert("廣州百匯物流有限公司");6.詢問複製代碼代碼如下:if(confirm("是否訪問我們的首頁")){alert("是的',前往");}else{alert("退出");}...
-
jQuery中的read和JavaScript中的onload函數的區別在哪
在JavaScript中,onload函數是最經常使用的,幾乎涉及到JavaScript的童鞋都少不了要接觸它。這個函數的作用就是等待網頁完全裝載完了以後再去執行代碼塊內的語句,因為按照文檔流的執行順序,通常用於頭部加載JavaScript的`時候需要用到。複製代碼代碼如下:ad=functio...
-
淺談jquery 注意事項與常用語法
1、關於選擇器中含有特殊符號選擇器中含有".","#","(","]"等特殊字符,根據W3C的規定,屬性值中是不能含有這些特殊字符的,例如:複製代碼代碼如下:bb如果按照普通的方式來獲取,例如:複製代碼代碼如下:$("#id#b");$("#id[1]");以上代碼不能正確獲取到元素,正確的寫法如下:復...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...