出色的網頁設計總是會讓用戶留下深刻印象，一個出色的網頁少不了出色的色彩搭配。如今時代不同，色彩的搭配定義也走向了個性化，多樣化。但是，色彩的使用在網頁設計中起到了很關鍵的作用，成功的網站往往運用了成功的色彩搭配。

每個人都有自己對色彩的認識，有的人會認為藍色色調的網站是清新的，綠色色調的網站是富有生機的，而紅色是喜慶的。所以，我們必須要重新地客觀地認識網頁色彩，在新科技有新的網頁設計。

在設計網頁之前，要有大量的鑒賞與實踐。色彩本身代表的情感以及其內涵在心理上會給用戶從感官到思維上的理解，要從鑒賞中尋找到網頁色彩搭配可尋性規律，千萬不要敗到在理論色彩上。

主色調是一個網頁的中心。無論是做單頁面，還是做整個網站的色彩搭配，都要先確定主色調。主色調可以是一種，也可以是兩種，也可以更多，但過多的主色調只會讓網頁沒有主色。我們接觸的大多是主色調為一種的，在幾年前我們看到的更是五花八門的顏色，形容網頁就非常零星，比如說這朵花是紅色的，這顆草是綠色的，這個分界線是藍色的，這個背景是灰色的……而現在，新科技下的色彩設計，要先確定好設計對象的主色調，下面我們開根據精講一些實例。

我們看上圖，我們可以很明顯的看出整個網頁中以藍色為主調。如果要再精細的講，就是以藍色為主，不同深度的搭配。最淺則就是白色偏藍，最深是深藍接近黑。整個畫面的虛實結合，空間感非常好，給人第一感覺就是大氣。

這個網頁給我的第一感覺就是典雅。而典雅的來源則是這個網頁的主色，也就是棕色。這個棕色的RGB代碼為＃66453C，加上棕色對白色、灰色、紅色、加水稀釋出來的效果，畫面和諧統一，有一種古色古香的韻味。

這兩個實例后，很多人就開始問我如果要在一個網頁使用一種主色而又有其他顏色，又擔心不好如何搭配，擔心比例失調，那么我們應當先明確主色，遵循主從關系。比如說紅黃綠是網頁設計需要用到的三種顏色，如果拿紅色作為主色，那么可以在紅色周圍以黃色作為輔助色，綠色作為“調料色”。所謂的調料色就是顏色中襯托出來的小細節，比如說一片綠從中有幾朵粉花，粉花就是調料色。這樣做插圖個性化就顯得非常強烈，會使整個網頁互動感十足。

剛剛講的都是一個主色調的，現在我們講一下兩個主色調的網頁設計搭配。一種主色調雖然常用，但是易于被抄襲，從而失去了個性、獨一。而雙色不易被模仿，并且有很強的視覺效果。大家可以看一下上圖中的網頁設計。藍色與紅色兩種色調的結合，強烈而又清新的效果就凸顯在用戶面前，畫面和諧不會顯得雜亂。

接下來我推薦三種網頁設計搭配，供大家學習，圖片的左邊為主色，右邊會輔助色。

這三種顏色的組合主要運用在女性、運動系列的網頁站，令人感覺富有活力。

這個頁面可以運用在商務、男性、女性、運動、個人博客等網頁設計，是一款相對綜合而不失個性的網頁設計搭配。

這一款更傾向于專題類以及商務類的網頁設計，富有商業氣息，給人一種可信感。

總結：本章節主要講了網頁色彩當中的主色調，當然網頁色彩不僅僅包括這些，將會有其他網頁設計的案例給大家欣賞。色彩沒有固定的模式，那么“色彩”這個詞匯就成了灰色，象征哀吊。色彩隨著時代而推進。最后闡述一下主色調的內涵，不僅僅是什么顏色顯眼以及面積大，也要考慮到在什么位置上，要突出什么樣的對象。加之輔佐突出主色調，要讓主色調具備影響力。

本文由廣州做網站公司 www.wangzhan-china.com 編纂，轉載請注明出處。