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