發(fā)布日期：2017/6/29

色彩的魅力是無(wú)限的，它可以讓自己很平淡無(wú)味的東西，瞬間就能變得漂亮、鮮艷起來(lái)。信息時(shí)代的快速到來(lái)，網(wǎng)絡(luò)也開(kāi)始變的多姿多彩。人們不再局限于簡(jiǎn)單的文字與圖片，他們要求網(wǎng)頁(yè)看上去漂亮，舒適。所以現(xiàn)代設(shè)計(jì)者不僅要掌握基本的網(wǎng)站制作技術(shù)，還需要掌握網(wǎng)站的風(fēng)格，配色等設(shè)計(jì)藝術(shù)。其中色彩在網(wǎng)站設(shè)計(jì)中占有相當(dāng)主要的地位。 

一、熟悉色彩

為了能更好地應(yīng)用色彩來(lái)設(shè)計(jì)網(wǎng)頁(yè)，我們照舊先來(lái)了解一下色彩的一些基本概念。天然界中有好多好多種色彩，比如玫瑰是紅色的，大海是藍(lán)色的，桔子是橙色的……但是基本的有三種（紅，黃，藍(lán)），其它的色彩都可以由這三種色彩調(diào)和而成。我們稱(chēng)這三種色彩為“三原色”。 
現(xiàn)實(shí)生活中的色彩可以分為彩色和非彩色。其中詬誶灰屬于非彩色系列。其它的色彩都屬于彩色。任何一種彩色具備三個(gè)特征：色相，明度和純度。其中非彩色只有明度屬性。 

色相，指的是色彩的名稱(chēng)。這是色彩基本的特征，是一種色彩區(qū)別于另一種色彩的主要的因素。比如說(shuō)紫色，綠色，黃色等等都代表了不同的色相。統(tǒng)一色相的色彩，調(diào)整一下亮度，或者純度很容易搭配，比如，深綠，暗綠，草綠，亮綠。 
明度，也叫亮度，指的是色彩的明暗程度，明度越大，色彩越亮。比如一些購(gòu)物，兒童類(lèi)網(wǎng)站。用的是一些鮮亮的顏色，讓人感覺(jué)絢麗多姿，生氣勃勃。明度越低，顏色越暗。主要用于一些游戲類(lèi)網(wǎng)站，充滿(mǎn)神秘感；一些個(gè)人站長(zhǎng)為了體現(xiàn)自身的個(gè)性，也可以運(yùn)用一些暗色調(diào)來(lái)表達(dá)個(gè)人的一些孤僻，或者郁悶等性格。有明度差的色彩更容易調(diào)和。如紫色（#993399）跟黃色（#ffff00），暗紅（#cc3300）跟草綠（#99cc00），暗藍(lán)（#0066cc）跟橙色（#ff9933）等。 

純度，指色彩的鮮艷程度，純度高的色彩純，鮮亮。純度底的色彩暗淡，含灰色。 
相近色：色環(huán)中相鄰的三種顏色。相近色的搭配給人的視覺(jué)效果很舒適，很天然。所以相近色在網(wǎng)站設(shè)計(jì)中極為常用。 
互補(bǔ)色，色環(huán)中相對(duì)的兩種色彩。對(duì)互補(bǔ)色，調(diào)整一下補(bǔ)色的亮度，有時(shí)候是一種很好的搭配。 
暖色，暖色跟黑色調(diào)和可以達(dá)到很好的效果。暖色一般應(yīng)用于購(gòu)物類(lèi)網(wǎng)站，電子商務(wù)網(wǎng)站，兒童類(lèi)網(wǎng)站等等，用以體現(xiàn)商品的琳瑯滿(mǎn)目，兒童類(lèi)網(wǎng)站的活潑，溫馨等等效果。 

冷色，冷色一般跟白色調(diào)和可以達(dá)到一種很好的效果。冷色一般應(yīng)用于一些高科技，游戲類(lèi)網(wǎng)站，主要表達(dá)嚴(yán)厲，穩(wěn)重等效果，綠色，藍(lán)色，藍(lán)紫色等等都屬于冷色系列。 
色彩均衡，網(wǎng)站讓人看上去舒適，協(xié)調(diào)，除了文字，圖片等內(nèi)容的合理排版，色彩的均衡也是相當(dāng)主要的一個(gè)部分。比如一個(gè)網(wǎng)站不可能單一的運(yùn)用一種顏色，所以色彩的均衡問(wèn)題是設(shè)計(jì)者必須要考慮的問(wèn)題。色彩的均衡，包括色彩的位置，每種色彩所占的比例，面積等等。比如鮮艷通亮的色彩面積應(yīng)小一點(diǎn)，讓人感覺(jué)舒適，不刺眼。這就是一種均衡的色彩搭配。 

二、色彩的作用

色彩在人們的生活中都是有雄厚的感情和含義的。比如紅色讓人聯(lián)想到玫瑰，聯(lián)想到喜慶，聯(lián)想到興奮。白色聯(lián)想到貞潔，干凈，簡(jiǎn)潔；紫色象征著女性化，文雅，浪漫；藍(lán)色象征高科技，穩(wěn)重，理智；橙色代表了歡快，甜美，收獲；綠色代表了充滿(mǎn)青春的活力，舒適，希望等等。當(dāng)然不是說(shuō)某種色彩一定代表了什么含義。在特定的場(chǎng)合下，同種色彩可以代表不同的含義。 

三、色彩的運(yùn)用

要說(shuō)色彩的運(yùn)用，照舊先談?wù)勗嵳r灰色彩的應(yīng)用吧，因?yàn)樵嵳r灰色彩是色，可以跟任意一種色彩搭配。當(dāng)你為某種色彩的搭配憂?的時(shí)候，不防試試用詬誶灰。當(dāng)你覺(jué)得兩種色彩的搭配不協(xié)調(diào)，試試加入黑色，或者灰色，或許會(huì)有意想不到的效果哦。 
對(duì)一些明度較高的網(wǎng)站，配以黑色，可以適當(dāng)?shù)亟档推涿鞫取?nbsp;白色是網(wǎng)站用的一種顏色。許多網(wǎng)站甚至留出大塊的白色空間，作為網(wǎng)站的一個(gè)組成部分。這就是留白藝術(shù)。許多設(shè)計(jì)性網(wǎng)站較多運(yùn)用留白藝術(shù)。留白，給人一個(gè)遐想的空間，讓人感覺(jué)心情舒適，暢快。恰當(dāng)?shù)牧舭讓?duì)于協(xié)調(diào)頁(yè)面的均衡起到相當(dāng)大的作用。 

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

一個(gè)網(wǎng)站不可能單一的運(yùn)用一種顏色，讓人感覺(jué)單調(diào)，乏味；但是也不可能將所有的顏色都運(yùn)用到網(wǎng)站中，讓人感覺(jué)輕浮，花俏。一個(gè)網(wǎng)站必須有一種或兩種主題色，不至于讓客戶(hù)迷失方向，也不到于單調(diào)，乏味。所以確定網(wǎng)站的主題色也是設(shè)計(jì)者必須考慮的問(wèn)題之一。
一個(gè)頁(yè)面盡量不要超過(guò)4種色彩，用太多的色彩讓人沒(méi)有方向，沒(méi)有側(cè)重。當(dāng)主題色確定好以后，考慮其它配色時(shí)，一定要考慮其它配色與主題色的關(guān)系，要體現(xiàn)什么樣的效果。另外哪種因素占主要地位，是明度，純度照舊色相。

五、色彩的搭配

在學(xué)習(xí)了解了色彩的一些基本概念及色彩的一些搭配問(wèn)題，具體運(yùn)用到網(wǎng)頁(yè)中，各要素的色彩又是如何搭配的呢？

1、網(wǎng)頁(yè)題目
網(wǎng)頁(yè)題目是網(wǎng)站的指路燈，瀏覽者要在網(wǎng)頁(yè)間跳轉(zhuǎn)，要了解網(wǎng)站的結(jié)構(gòu)，網(wǎng)站的內(nèi)容，都必須通過(guò)導(dǎo)航或者頁(yè)面中的一些小題目。所以我們可以使用稍微具有跳躍性的色彩，吸引瀏覽者的視線，讓他們感覺(jué)網(wǎng)站清晰，明了，條理分明。想往哪里走都不會(huì)迷失方向。

2、網(wǎng)頁(yè)鏈接
一個(gè)網(wǎng)站不可能只是單一的一頁(yè)，所以文字與圖片的鏈接是網(wǎng)站中不可缺少的一部分。這里特殊指出文字的鏈接，因?yàn)殒溄訁^(qū)別于文字，所以鏈接的顏色不能跟文字的顏色一樣。現(xiàn)代人的生活節(jié)奏相當(dāng)快，不可能虛耗太多的時(shí)間在尋找你網(wǎng)站的鏈接上。設(shè)置了的鏈接顏色，讓人感覺(jué)他的征，天然而然好奇心必然趨使他移動(dòng)鼠標(biāo)，點(diǎn)擊鼠標(biāo)。

3、網(wǎng)頁(yè)文字
假如一個(gè)網(wǎng)站用了背景顏色，必須要考慮到背景顏色的用色，與前景文字的搭配等問(wèn)題。一般的網(wǎng)站側(cè)重的是文字，所以背景可以選擇純度或者明度較低的色彩，文字用較為凸起的亮色。讓人一目了然。
當(dāng)然，有些網(wǎng)站為了讓瀏覽者對(duì)網(wǎng)站留有深刻的印象，他在背景上作文章。比如一個(gè)空白頁(yè)的某一個(gè)部分用了很亮的一個(gè)大色塊，是不是讓你豁然開(kāi)朗呢！此時(shí)他為了吸引瀏覽者的視線，凸起的是背景，所以文字就要顯得暗一些，這樣文字才能跟背景星散開(kāi)來(lái)，便于瀏覽者閱讀文字。

4、網(wǎng)頁(yè)標(biāo)志
網(wǎng)頁(yè)標(biāo)志是宣傳網(wǎng)站主要的部分之一，所以這兩個(gè)部分一定要在頁(yè)面上突迎而出。怎樣做到這一點(diǎn)呢？我們將LOGO和BANNER做的鮮亮一些，也就是色彩方面跟網(wǎng)頁(yè)的主題色星散開(kāi)來(lái)。有時(shí)候?yàn)榱烁�凸起，也可以使用與主題色相反的顏色。
為了能讓自己的網(wǎng)頁(yè)設(shè)計(jì)得更靚麗、更舒適，為了增強(qiáng)你的頁(yè)面的可閱讀性，必須合理，恰當(dāng)?shù)剡\(yùn)用與搭配頁(yè)面各要素間的色彩！