顏色搭配在網(wǎng)站設(shè)計中占領(lǐng)相當重要的位置

顏色的魅力是無限的，它能夠讓自身很平淡無味的東西，霎時就能變得漂亮、美麗起來。信息時期的快速到來，網(wǎng)絡(luò)也開端變的多姿多彩。人們不再局限于簡單的文字與圖片，他們請求網(wǎng)頁看上去漂亮，溫馨。所以當代設(shè)計者不只要控制根本的網(wǎng)站的設(shè)計技術(shù)，還需求控制網(wǎng)站的作風(fēng)，配色等設(shè)計藝術(shù)。其中顏色在網(wǎng)站設(shè)計中占領(lǐng)相當重要的位置。

一、認識顏色

為了能更好地應(yīng)用顏色來設(shè)計網(wǎng)頁，我們還是先來理解一下顏色的一些根本概念。自然界中有好多好多種顏色，比方玫瑰是紅色的，大海是藍色的，桔子是橙色的……但是更根本的有三種（紅，黃，藍），其它的顏色都能夠由這三種顏色調(diào)和而成。我們稱這三種顏色為“三原色”。

理想生活中的顏色能夠分為彩色和非彩色。其中黑白灰屬于非彩色系列。其它的顏色都屬于彩色。任何一種彩色具備三個特征：色相，明度和純度。其中非彩色只要明度屬性。

色相，指的是顏色的稱號。這是顏色更根本的特征，是一種顏色區(qū)別于另一種顏色的更主要的要素。比方說紫色，綠色，黃色等等都代表了不同的色相。同一色相的顏色，調(diào)整一下亮度，或者純度很容易搭配，比方，深綠，暗綠，草綠，亮綠。

明度，也叫亮度，指的是顏色的明暗水平，明度越大，顏色越亮。比方一些購物，兒童類網(wǎng)站。用的是一些鮮亮的顏色，讓人覺得絢麗多姿，生氣勃勃。明度越低，顏色越暗。主要用于一些游戲類網(wǎng)站，充溢神秘感；一些個人站長為了表現(xiàn)本身的個性，也能夠運用一些暗色彩來表達個人的一些孤僻，或者憂傷等性格。有明度差的顏色更容易調(diào)和。如紫色（#993399）跟黃色（#ffff00），暗紅（#cc3300）跟草綠（#99cc00），暗藍（#0066cc）跟橙色（#ff9933）等。

純度，指顏色的鮮艷水平，純度高的顏色純，鮮亮。純度底的顏色暗淡，含灰色。

相近色：色環(huán)中相鄰的三種顏色。相近色的搭配給人的視覺效果很溫馨，很自然。所以相近色在網(wǎng)站設(shè)計中極為常用。

互補色，色環(huán)中相對的兩種顏色。對互補色，調(diào)整一下補色的亮度，有時分是一種很好的搭配。

暖色，暖色跟黑色彩和能夠到達很好的效果。暖色普通應(yīng)用于購物類網(wǎng)站，電子商務(wù)網(wǎng)站，兒童類網(wǎng)站等等，用以表現(xiàn)商品的美不勝收，兒童類網(wǎng)站的生動，溫馨等等效果。

冷色，冷色普通跟白色彩和能夠到達一種很好的效果。冷色普通應(yīng)用于一些高科技，游戲類網(wǎng)站，主要表達嚴肅，穩(wěn)健等效果，綠色，藍色，藍紫色等等都屬于冷色系列。

顏色平衡，網(wǎng)站讓人看上去溫馨，諧和，除了文字，圖片等內(nèi)容的合理排版，顏色的平衡也是相當重要的一個局部。比方一個網(wǎng)站不可能單一的運用一種顏色，所以顏色的平衡問題是設(shè)計者必需要思索的問題。顏色的平衡，包括顏色的位置，每種顏色所占的比例，面積等等。比方鮮艷亮堂的顏色面積應(yīng)小一點，讓人覺得溫馨，不扎眼。這就是一種平衡的顏色搭配。

二、顏色的作用

顏色在人們的生活中都是有豐厚的感情和含義的。比方紅色讓人聯(lián)想到玫瑰，聯(lián)想到喜慶，聯(lián)想到興奮。白色聯(lián)想到純真，潔凈，簡約；紫色意味著女性化，高雅，浪漫；藍色意味高科技，穩(wěn)健，明智；橙色代表了愉快，甜美，收獲；綠色代表了充溢青春的生機，溫馨，希望等等。當然不是說某種顏色一定代表了什么含義。在特定的場所下，同種顏色能夠代表不同的含義。

三、顏色的運用

要說顏色的運用，還是先談?wù)労诎谆翌伾膽?yīng)用吧，由于黑白灰顏色是萬能色，能夠跟恣意一種顏色搭配。當你為某種顏色的搭配苦惱的時分，不防試試用黑白灰。當你覺得兩種顏色的搭配不諧和，試試參加黑色，或者灰色，或許會有意想不到的效果哦。

對一些明度較高的網(wǎng)站，配以黑色，能夠恰當?shù)亟档推涿鞫??！　“咨蔷W(wǎng)站用的更普遍的一種顏色。很多網(wǎng)站以至留出大塊的白色空間，作為網(wǎng)站的一個組成局部。這就是留白藝術(shù)。很多設(shè)計性網(wǎng)站較多運用留白藝術(shù)。留白，給人一個遙想的空間，讓人覺得心情溫馨，暢快。恰當?shù)牧舭钻P(guān)于諧和頁面的平衡起到相當大的作用。

四、肯定網(wǎng)站的主題色

一個網(wǎng)站不可能單一的運用一種顏色，讓人覺得單調(diào)，乏味；但是也不可能將一切的顏色都運用到網(wǎng)站中，讓人覺得莊重，花俏。一個網(wǎng)站必需有一種或兩種主題色，不至于讓客戶迷失方向，也不到于單調(diào)，乏味。所以肯定網(wǎng)站的主題色也是設(shè)計者必需思索的問題之一。

一個頁面盡量不要超越4種顏色，用太多的顏色讓人沒有方向，沒有偏重。當主題色肯定好以后，思索其它配色時，一定要思索其它配色與主題色的關(guān)系，要表現(xiàn)什么樣的效果。另外哪種要素占主要位置，是明度，純度還是色相。

五、顏色的搭配

在學(xué)習(xí)理解了顏色的一些根本概念及顏色的一些搭配問題，詳細運用到網(wǎng)頁中，各要素的顏色又是如何搭配的呢？

1、網(wǎng)頁標題

網(wǎng)頁標題是網(wǎng)站的指路燈，閱讀者要在網(wǎng)頁間跳轉(zhuǎn)，要理解網(wǎng)站的構(gòu)造，網(wǎng)站的內(nèi)容，都必需經(jīng)過導(dǎo)航或者頁面中的一些小標題。所以我們能夠運用略微具有騰躍性的顏色，吸收閱讀者的視野，讓他們覺得網(wǎng)站明晰，明了，層次清楚。想往哪里走都不會迷失方向。

2、網(wǎng)頁鏈接

一個網(wǎng)站不可能只是單一的一頁，所以文字與圖片的鏈接是網(wǎng)站中不可短少的一局部。這里特別指出文字的鏈接，由于鏈接區(qū)別于文字，所以鏈接的顏色不能跟文字的顏色一樣。現(xiàn)代人的生活節(jié)拍相當快，不可能糜費太多的時間在尋覓你網(wǎng)站的鏈接上。設(shè)置了共同的鏈接顏色，讓人覺得他的共同性，自但是然獵奇心必然趨使他挪動鼠標，點擊鼠標。

3、網(wǎng)頁文字

假如一個網(wǎng)站用了背景顏色，必需要思索到背景顏色的用色，與前景文字的搭配等問題。普通的網(wǎng)站偏重的是文字，所以背景能夠選擇純度或者明度較低的顏色，文字用較為突出的亮色。讓人了如指掌。

當然，有些網(wǎng)站為了讓閱讀者對網(wǎng)站留有深入的印象，他在背景上作文章。比方一個空白頁的某一個局部用了很亮的一個大色塊，是不是讓你恍然大悟呢！此時他為了吸收閱讀者的視野，突出的是背景，所以文字就要顯得暗一些，這樣文字才干跟背景別離開來，便于閱讀者閱讀文字。

4、網(wǎng)頁標志

網(wǎng)頁標志是宣傳網(wǎng)站更重要的局部之一，所以這兩個局部一定要在頁面上突迎而出。怎樣做到這一點呢？我們將LOGO和BANNER做的鮮亮一些，也就是顏色方面跟網(wǎng)頁的主題色別離開來。有時分為了更突出，也能夠運用與主題色相反的顏色。

為了能讓本人的網(wǎng)頁設(shè)計得更靚麗、更溫馨，為了加強你的頁面的可閱讀性，必需合理，恰當?shù)剡\用與搭配頁面各要素間的顏色。