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

每個人都有自己對色彩的認(rèn)識，有的人會認(rèn)為藍(lán)色色調(diào)的網(wǎng)站是清新的，綠色色調(diào)的網(wǎng)站是富有生機的，而紅色是喜慶的。所以，我們必須要重新地客觀地認(rèn)識網(wǎng)頁色彩，在新科技有新的網(wǎng)頁設(shè)計。

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

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

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

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

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

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

接下來我推薦三種網(wǎng)頁設(shè)計搭配，供大家學(xué)習(xí)，圖片的左邊為主色，右邊會輔助色。

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

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

這一款更傾向于專題類以及商務(wù)類的網(wǎng)頁設(shè)計，富有商業(yè)氣息，給人一種可信感。

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

本文由廣州做網(wǎng)站公司 www.wangzhan-china.com 編纂，轉(zhuǎn)載請注明出處。