- 相關推薦
網頁設計色彩搭配案例有哪些
設計師在決定了一個網站風格的同時,也決定了網站的情感,而情感的表達很大程度上取決于顏色的選擇。顏色是很有力的工具,所有設計師在設計網頁時就應該明白這一點。以下是小編整理的網頁設計色彩搭配案例有哪些,歡迎大家借鑒與參考,希望對大家有所幫助。
一、顏色術語
你們當中很多人可能已經在學校學過一些色彩基礎知識,讓我們快速回顧一些術語,來更好的把握色彩和運用色彩。
色輪的主要組成
所有的色彩能在一個色輪中呈現。在這個色輪中,我們能把顏色分成3大塊:原色,輔助色和第三顏色。
三原色分別是紅色,藍色和黃色。這些色彩是基礎色,他們組成了色輪上的所有其他顏色。
把原色混合在一起,你就能得到輔助色,它們是橙色、綠色和紫色。
二、顏色的關系
描述顏色有大量的術語,了解這些術語將有助于我們討論的色彩和色彩的情感含義。
互補色是互補互調的色彩,它們坐落在色輪上對立的位置。這些互補色有藍色和橙色、紫色和黃色、以及紅色和綠色。
鄰色是色輪上相毗鄰的色彩,所以當鄰色一起用時,可以是很好的搭配,但不會有明顯的對比。
第三顏色是由中間色組成的,例如黃綠色和藍綠色,即由一個原色和一個輔助色混合組成。
三、基于情感的色彩群體
一些色彩群體是和情感聯系在一起的,比如溫暖、冷靜和中立的情感。
暖色能讓人感覺到溫暖,例如紅色、黃色和橙色。
冷色讓人聯想到涼爽和寒冷,例如藍色,綠色和紫色。
中性色,顧名思義,并不創造怎樣的情感。像灰色和棕色就是中性色。
了解色彩這些方面的知識可以用幫助一個設計師在設計網頁時不用文字就能表達特定含義和特定情感,并彰顯優勢。
四、設計中顏色的類型
這里有兩種不同的顏色系統,兩者的運用取決于你設計什么。
RGB是這個色彩系統中三個基本色“紅、綠、藍”的英文縮寫,這三種基本色是光的三原色。RGB運用在電視電腦屏幕和任何類型的屏幕上。
CMYK是“青色、洋紅、黃色、黑色”的英文縮寫,這些顏色是顏料的原色,CMYK被運用于印刷。
網頁上的設計是建立在RGB色彩系統上的。
五、明智地選擇色彩、傳達意義
色彩理論是運用顏色背后的意義給用戶帶來感官體驗的實踐所得。這種實踐經驗再加上一些知識和想法可以運用到網頁的設計中去。
人們往往不會同意一些特定色彩的含義以及設計師們應該用哪些顏色來加強特定的情感。但無需爭論的是,客戶對顏色是有情感的反應的。
當為你的設計品選擇顏色時要慎重,不要無目的地使用顏色。你所選擇的顏色要適合你的目標受眾、能表達客戶希望你傳達的信息,能符合你對用戶在你的網站所獲得的整體感受的期望。
暖色能帶來陽光明媚的情緒,用在希望帶來幸?鞓犯杏X的網站上是明智的。舉一個例子,在2009年全球經濟不太好的時候,黃色變成了網頁設計中非常流行的色彩,因為公司希望顧客在他們網站上有到陽光和舒適的感受。
冷色最好是用在想要表達出專業或整潔感覺的網站上,以呈現出一個冷靜的企業形象。冷色表達出權威、明確和信任的感覺。例如,冷靜的藍色用在許多銀行的網站上,比如大通銀行。冷色運用在以樂觀為主題的網站上是不明智的,因為用戶會得到錯誤的印象。
六、顏色對于用戶的意義
大多數顏色能表達積極或消極的情緒,這取決于它是怎樣被運用的,以及周圍其他的顏色,還有網站本身的內涵。
以下是一些流行色彩的普遍意義。
紅色
紅色象征著火和力量,還與激情和重要性聯系在一起。它還有助于激發能量和提起興趣。
紅色的負面內涵是憤怒、危急和生氣,緊急情況下,和憤怒,這也源于紅色本身里的熱情和進取。
拓展:網頁美工色彩應用的重要性
網頁讓人看上去舒適,協調,除了文字,圖片等內容的合理排版,色彩的均衡也是相當重要的一個部分。比如一個網站不可能單一的運用一種顏色,所以色彩的均衡問題是設計者必須要考慮的問題。色彩的均衡,包括色彩的位置,每種色彩所占的比例,面積等等。比如鮮艷明亮的色彩面積應小一點,讓人感覺舒適,不刺眼。這就是一種均衡的色彩搭配。
一個網站不可能單一的運用一種顏色,讓人感覺單調,乏味;但是也不可能將所有的顏色都運用到網站中,讓人感覺輕浮,花俏。一個網站必須有一種或兩種主題色,不至于讓客戶迷失方向,也不到于單調,乏味。所以確定網站美工設計的主題色也是設計者必須考慮的問題之一。
但是,一個頁面盡量不要超過4種色彩,用太多的色彩讓人沒有方向,沒有側重。當主題色確定好以后,考慮其它配色時,一定要考慮其它配色與主題色的關系,要體現什么樣的效果。另外哪種因素占主要地位,是明度,純度還是色相。
在網站美工設計中的幾個網頁色彩搭配原理:
色彩的鮮明性:網頁的色彩要鮮艷,容易引人注目。
色彩的獨特性:要有與眾不同的色彩,使得大家對你的印象強烈。
色彩的合適性:就是說色彩和你表達的內容氣氛相適合。如用粉色體現女性站點的柔性。
色彩的聯想性:不同色彩會產生不同的聯想,藍色想到天空,黑色想到黑夜,紅色想到喜事等,選擇色彩要和你網頁的內涵相關聯。
一位網頁美工設計的前輩說過:設計師不要“為設計而設計”。再炫酷的頁面效果、再豐富的表現形式,如果偏離了以用戶為中心的主線,讓用戶抓不住重點,感悟不到網頁本身所需要體現的信息,那么,再好的畫面呈現也是敗筆。因此,作為一名網站美工設計,不要懼怕失敗,只有不斷的學習與成長,才能成為一名合格,甚至優秀的網頁美工設計大師。
【網頁設計色彩搭配案例有哪些】相關文章:
網頁設計之色彩搭配的技巧03-18
網頁設計中的色彩搭配原則01-04
網頁設計中色彩搭配的運用12-03
網頁設計中色彩搭配的原則與技巧12-15
淺析網頁設計的色彩理論與案例范例03-31
axure網頁設計的方法有哪些03-02
常用的網頁設計軟件有哪些06-02
網頁設計對色彩的思考12-05
網頁設計的基礎知識有哪些11-08