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