顏色的魅力是無限的，它能夠讓自身很平淡無味的東西，霎時就能變得漂亮、美麗起來。信息時期的快速到來，網絡也開端變的多姿多彩。人們不再局限于簡單的文字與圖片，他們請求網頁看上去漂亮，溫馨。所以當代設計者不只要控制根本的網站的設計技術，還需要控制網站的作風，配色等設計藝術。其中顏色在網站設計中占領相當重要的位置。有些網頁看上去令人賞心悅目，但是頁面結構卻很簡單，圖像也不復雜，這主要是色彩運用得當。因此，在設計網頁時，必須要高度重視色彩的搭配。

一、認識顏色

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

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

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

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

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

相近色：色環中相鄰的三種顏色。相近色的搭配給人的視覺效果很溫馨，很自然。所以相近色在網站設計中極為常用。

互補色：色環中相對的兩種顏色。對互補色，調整一下補色的亮度，有時分是一種很好的搭配。

暖色：暖色跟黑色彩和能夠到達很好的效果。暖色普通應用于購物類網站，電子商務網站，兒童類網站等等，用以表現商品的美不勝收，兒童類網站的生動，溫馨等等效果。

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

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

二、顏色的作用

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

冷色(如藍色)給人安靜、冰冷的感覺；而暖色(如紅色)給人熱烈、火熱的感覺。冷暖色的巧妙運用可以讓網站產生意想不到的效果。另外，色彩與人的心理感覺和情緒也有一定的關系，利用這一點可以在設計網頁時形成自己獨特的色彩效果，給瀏覽者留下深刻的印象。

人們看到不同的顏色會產生不同的心理反應，這就是色彩的作用和意象。下面是一些常見顏色的色彩意象。

紅色 熱情、活潑、熱鬧、高調、艷麗、溫暖、幸福、吉祥、暴力、警告、禁止

橙色 光明、華麗、興奮、甜蜜、快樂、健康、輝煌、熱烈、溫馨

黃色 明朗、愉快、高貴、希望、溫暖、親切、疾病、懦弱、智慧、輕快

綠色 新鮮、平靜、和平、柔和、安逸、青春、希望、生機、成長、環保、健康

藍色 深遠、永恒、沉靜、理智、誠實、寒冷、遼闊、科學、嚴謹、保守、冷漠、猶豫

紫色 優雅、高貴、魅力、自傲、浪漫、忠誠、神秘

白色 純潔、純真、樸素、神圣、明快、和平、結晶、冷淡、貧乏、蒼白、空虛

灰色 憂郁、消極、謙虛、平凡、沉默、中庸、寂寞

黑色 崇高、堅實、嚴肅、剛健、粗莽、穩重、高端、精致、黑暗、死亡、邪惡

三、顏色的運用

要說顏色的運用，還是先談談黑白灰顏色的應用吧，由于黑白灰顏色是萬能色，能夠跟恣意一種顏色搭配。當你為某種顏色的搭配苦惱的時分，不防試試用黑白灰。當你覺得兩種顏色的搭配不諧和，試試參加黑色，或者灰色，或許會有意想不到的效果哦。

對一些明度較高的網站，配以黑色，能夠恰當地降低其明度。白色是網站用的最普遍的一種顏色。很多網站以至留出大塊的白色空間，作為網站的一個組成局部。這就是留白藝術。很多設計性網站較多運用留白藝術。留白，給人一個遙想的空間，讓人覺得心情溫馨，暢快。恰當的留白關于諧和頁面的平衡起到相當大的作用。

四、肯定網站的主題色

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

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

五、顏色的搭配

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

1、網頁標題

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

2、網頁鏈接

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

3、網頁文字

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

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

4、網頁標志

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

為了能讓網頁設計得更靚麗、更溫馨，為了加強你的頁面的可閱讀性，必需合理，恰當地運用與搭配頁面各要素間的顏色。

眾所周知，色彩搭配既是技術性工作，同時也是一項藝術性很強的工作。因此，設計者在設計網頁時除了考慮網站本身的特點外，還要遵循一定的藝術規律，從而設計出色彩鮮明、性格獨特的網站。所以，曼研科技認為網站設計頁面的色彩搭配，由以上可知，大體上需要遵循以下搭配原則：

1)特色鮮明

一個網站的用色必須有自己獨特的風格，這樣才能顯得個性鮮明，給瀏覽者留下深刻印象。

2)搭配合理

色彩搭配一定要合理,給人一種和諧、愉快的感覺,避免采用純度很高的單一色彩，這樣網頁設計雖然屬于平面設計的范疇，但又與其他平面設計不同，它需要考慮人的生理特點。

3)講究藝術性

網站設計也是一種藝術活動，因此它必須遵循藝術規律,在考慮到網站本身特點的同色時，按照內容決定形式的原則，大膽進行藝術創新，設計出既符合網站要求，又有一定藝術特點 的網站。

網站設計在內容和形式上都是一種藝術、一種美學，所以遵循藝術規律才能做的更好。如果您對網站設計色彩應用搭配方面有困擾的話，可以隨時與我們在線取得聯系！騰虎網絡客戶服務熱線：020-85201720，歡迎您的來訪咨詢！