頁面中色彩設(shè)計(jì)的基本原理主要涉及色彩的統(tǒng)一性、色彩的對(duì)比、色彩的調(diào)整以及色彩的視覺性原理，下面將詳細(xì)加以介紹。

一、網(wǎng)頁色彩設(shè)計(jì)的統(tǒng)一性原理

網(wǎng)頁的色彩設(shè)計(jì)是指在一個(gè)頁面中至少有兩個(gè)色相的色相組合，這樣就在色彩的選擇上，注意色彩間是否統(tǒng)一。所選擇的色彩就有相同色、同類色、類似色以及鄰近色等，怎樣在這些色彩之間達(dá)成和諧和統(tǒng)就顯得十分必要，這關(guān)系著整個(gè)頁面的整體布局是否統(tǒng)一和諧。
 
(一)網(wǎng)頁設(shè)計(jì)中相同色色彩的設(shè)計(jì)原理

在一個(gè)頁面中選擇相同的色彩組合是*具統(tǒng)一色彩效果的色彩設(shè)計(jì)，這種設(shè)計(jì)模式可以突出輪廓、形體以及材質(zhì)，給用戶一種整體、現(xiàn)代和朦朧的感覺。在具體設(shè)計(jì)的過程應(yīng)該將明度差適當(dāng)?shù)財(cái)U(kuò)大。也可以利用同色異質(zhì)原理，即色彩設(shè)計(jì)相同，但質(zhì)感卻相異的策略。相同色設(shè)計(jì)是一種相對(duì)較為簡(jiǎn)單的設(shè)計(jì)模式，在二級(jí)頁面中、在所需要表達(dá)的主題較為簡(jiǎn)單的時(shí)候，相對(duì)采用這種的時(shí)候較多一些，不過這種設(shè)計(jì)模式盡管簡(jiǎn)單但對(duì)一些主題的表達(dá)也是非常有效的，也是一些新的色彩設(shè)計(jì)師所喜歡的色彩搭配模式。

(二)網(wǎng)頁設(shè)計(jì)中同類色色彩的設(shè)計(jì)原理

如果說相同色設(shè)計(jì)略顯單調(diào)，那么同類色設(shè)計(jì)相對(duì)就顯得協(xié)調(diào)統(tǒng)又不失一些通過一些細(xì)節(jié)的變化，所體現(xiàn)出的柔和、含蓄以及優(yōu)雅的印象。但在具體色彩設(shè)計(jì)的時(shí)候應(yīng)注意明度差的調(diào)節(jié)，否則可能會(huì)出現(xiàn)混池、含糊不清的色感。同類色的設(shè)計(jì)模式的優(yōu)點(diǎn)在于是在實(shí)際應(yīng)用中*為簡(jiǎn)便的一種，但是其缺點(diǎn)卻在于色相的差異太小，以至于色彩感不強(qiáng)。

(三)網(wǎng)頁設(shè)計(jì)中類似色色彩的設(shè)計(jì)原理

網(wǎng)頁設(shè)計(jì)中類似色彩的設(shè)計(jì)模式既有對(duì)比又有統(tǒng)一，既能夠顯現(xiàn)出整體色彩的和諧統(tǒng)一，又能體現(xiàn)出色彩間的對(duì)比，更能顯現(xiàn)出一種神秘感。例如，紅色與橙色的搭配，黃色與**的搭配，都給帶給用戶生動(dòng)、明快而豐富的色感。在具體設(shè)計(jì)時(shí)，應(yīng)注意明度與純度差的調(diào)節(jié)。

(四)網(wǎng)頁設(shè)計(jì)中鄰近色色彩的設(shè)計(jì)原理

臨近色的頁面設(shè)計(jì)模式是*具色彩感和活力的一種設(shè)計(jì)模式，因?yàn)檫@種設(shè)計(jì)模式選擇的是鄰近色的區(qū)間，色相的選擇雖然跨度較大，但仍保持著一定的聯(lián)系，所所以，鄰近色的色彩設(shè)計(jì)是在色相、明度以及純度等方面都相對(duì)協(xié)調(diào)的設(shè)計(jì)方案，具有非常好的色彩感。
 
二、網(wǎng)頁色彩設(shè)計(jì)的對(duì)比性原理

網(wǎng)頁色彩設(shè)計(jì)的對(duì)比性原理具體指的是在色彩設(shè)計(jì)的過程中將相對(duì)的要素配列在一起，通過色彩相互間的比較以達(dá)到抗拒的狀態(tài)，即為色彩的對(duì)比性原則。色彩的對(duì)比就是色彩本身受到其他色彩的影響，從而產(chǎn)生與原來單獨(dú)看時(shí)不一樣色感。網(wǎng)頁的色彩設(shè)計(jì)中，往往對(duì)比色彩的設(shè)計(jì)豐富而繁雜，一般我們很少看到單色的設(shè)計(jì)，而是往往會(huì)利用色彩的對(duì)比，使之產(chǎn)生冷暖、強(qiáng)強(qiáng)弱、濃淡等不同的色彩感。色彩對(duì)比的類型很多，下面我們簡(jiǎn)單對(duì)明度對(duì)比、色相對(duì)比、純度對(duì)比、冷暖對(duì)比、面積對(duì)比、補(bǔ)色對(duì)比以及推移對(duì)比加以介紹。
 
(一)明度對(duì)比

明度對(duì)比是利用色彩的明度差別而形成的色彩對(duì)比感，這種設(shè)計(jì)能顯現(xiàn)出色彩的空間感、層次感以及立體感，在視覺上帶給用戶以清晰柔和、明朗和純潔的感覺。一個(gè)明度階段的知覺度相當(dāng)于三個(gè)純度階段的知覺度，因此明度對(duì)比是影響畫面效果感、形體感以及光感的關(guān)鍵所在。如果將明度從黑到白等差分為9個(gè)段位，以形成明度序列，明度*暗的命名為1，*亮的命名為9，那么“1~3”為低明度，稱其為低調(diào)色4~6”為中明度，稱其為中調(diào)色，“7~9”則為高明度，并稱其為高調(diào)對(duì)比稱為短調(diào)對(duì)比；3到5度差的對(duì)比稱為中調(diào)對(duì)比，而將5度以上差 色。色彩間明度差別的大小，決定了明度對(duì)比的強(qiáng)弱。將三度差以內(nèi)的對(duì)比則稱為長(zhǎng)調(diào)對(duì)比。在明度對(duì)比中，如果其中面積*大、作用也彩或也組屬于す簡(jiǎn)包，和長(zhǎng)調(diào)為比，組對(duì)比就林為長(zhǎng)調(diào)。高長(zhǎng)調(diào)可以由黑、白、灰組成，足以體現(xiàn)強(qiáng)勢(shì)的、男性的情感；中短調(diào)則具有夢(mèng)幻般的薄暮感，含蓄、模糊而平靜；低長(zhǎng)調(diào)則較強(qiáng)烈，富有爆發(fā)性，頗具苦悶的凄感。

一般而言，高調(diào)帶給用戶活潑、愉快、柔軟、輕盈的感覺；低調(diào)則顯得樸素、豐富、遲鈍、宏大、笨重，讓人頗具落寞感。明度對(duì)比較強(qiáng)，則光感較強(qiáng)，相應(yīng)地形象的清晰度就較高，也就不容易出現(xiàn)誤差。但如果明度對(duì)比弱、光感不明朗的話，則可能會(huì)使得形象不清漸，效果差；另外，如果對(duì)比太強(qiáng)則可能帶給用戶生硬、空曠以及炫目和簡(jiǎn)單化的感覺。因此，對(duì)于色彩設(shè)計(jì)師來說，如何準(zhǔn)確地把握住色彩間的對(duì)比是至關(guān)重要的。

(二)色相對(duì)比

色相對(duì)比是因色相之間的差異而形成的色彩對(duì)比效果。色相的對(duì)比主要可以依據(jù)可見光波的長(zhǎng)短差別來區(qū)分，但完全依靠光波的長(zhǎng)短是不可靠的，例如，盡管紅光和紫光的波長(zhǎng)差距*大，但因都處于可見光的兩端，因而都接近于不可見光波，所以肉眼看來，二者的色相其實(shí)是接近的。綜上，在度量色相差時(shí)，不能只依靠測(cè)光器和可見光譜，還應(yīng)該借助于色相環(huán)。色彩的色相在具體設(shè)計(jì)的過程中有同類色相對(duì)比、類似色相對(duì)比、鄰近色相對(duì)比以及互補(bǔ)色色相對(duì)比等。

(三)純度對(duì)比

純度對(duì)比是借助于色彩純度高低的不同而產(chǎn)生的色彩對(duì)比現(xiàn)象。純度差的出現(xiàn)取決于在各色相中加入不同量的黑、白、灰或者是對(duì)比色而獲得的。純度對(duì)比的視覺效果要弱于明度對(duì)比的視覺效果。

般而言，高純度的色彩的色相較為醒目、明晰，但往往容易使人疲勞，不能長(zhǎng)時(shí)間注視。因此在頁面色彩的選擇時(shí)設(shè)計(jì)師要慎重選擇高純度的色彩。同樣，低純度的色相雖然看起來較為含蓄，但卻不容易分清楚，雖能分清楚，但卻較為平淡乏味，就很容易讓用戶感到厭倦。所以，選擇恰當(dāng)?shù)募兌葘?duì)比的色彩對(duì)于增強(qiáng)用色的鮮艷感和明確感具有重。因?yàn)?，在頭也彩計(jì)的過程中，如果配色的純度對(duì)比不足往往會(huì)出現(xiàn)臟、灰、悶、單調(diào)、混沌的感覺；而如果純度對(duì)比過強(qiáng)時(shí)則往往會(huì)出現(xiàn)生硬、雜亂、刺激以及炫目的感覺。

(四)冷暖對(duì)比

冷暖對(duì)比借助于冷色和暖色間的相互搭配而產(chǎn)生的冷暖差別。例如，紅色和橙色相對(duì)比時(shí)，紅色感覺要比橙色冷，而**和青色在一起對(duì)比，則感覺青色比較冷。冷暖對(duì)比可分為強(qiáng)對(duì)比、中對(duì)比和弱對(duì)比。強(qiáng)對(duì)比是冷*與*、冷色與暖色所形成的對(duì)比，這種對(duì)比往往讓用戶感受到醒目、刺激、警覺等，例如一些警示標(biāo)志往往會(huì)采用強(qiáng)對(duì)比；中對(duì)比是暖*與中性微冷色、冷*與中性微暖色所形成的對(duì)比，這種對(duì)比則給人種和諧、豐富之感，既能感受到一種統(tǒng)一感，又能感受到統(tǒng)一中的變化；弱對(duì)比是暖*與暖色、冷*與冷色所形成的對(duì)比，這種對(duì)比往往給人以和諧而又統(tǒng)一的色感。在網(wǎng)頁色彩的設(shè)計(jì)中，如果設(shè)計(jì)師能夠巧妙利用色彩的冷暖對(duì)比，往往會(huì)達(dá)到意想不到的色彩效果。
 
(五)面積對(duì)比

面積對(duì)比是通過色彩間面積大小的差別所形成的對(duì)比。不過色彩間面積大小的對(duì)比往往沒法離開色彩的純度，因?yàn)樵谏试O(shè)計(jì)中，面積往往是和色相一起共同決定了色彩對(duì)比間的強(qiáng)弱，這種對(duì)比關(guān)系可以分兩種情況來說明:第一種情況，色相不同、面積不同所形成的對(duì)比。例如，大面積的綠和小面積的紅，在這種對(duì)比條件下，往往讓人覺得大面積的綠讓小面積的紅反而更鮮、更艷、更純，即小面積的紅變得更加醒目了能起到有效的凸顯和強(qiáng)調(diào)作用；反過來，用用大面積的紅對(duì)比小面積的綠，基于**本身具有收縮和后退性，再加上**本來的面積就小，所以看起來**幾乎被紅色所吞噬掉，反而更進(jìn)一步地樹托出了紅色的紅，**幾乎被忽略掉了。研究發(fā)現(xiàn)，在不同的色相中，小面積的明度和純度如高于大面積的明度和純度達(dá)到3~5倍時(shí)，會(huì)產(chǎn)生這樣的視覺效果:大襯小，小的會(huì)變得更鮮明，也更醒目。第二種情況，色相不同、面積相同所形成的對(duì)比。當(dāng)色彩間的面積基本相同時(shí)，這樣就只有色與色之間的差異了，即色感間的差異就只取決于色彩本身帶給我們的感覺了。

(六)補(bǔ)色對(duì)比

補(bǔ)色對(duì)比的出現(xiàn)是當(dāng)色相與色相混合在一起后出現(xiàn)中性的灰黑色時(shí)，而此時(shí)在這兩種色相間所產(chǎn)生的對(duì)比就是補(bǔ)色對(duì)比。補(bǔ)色對(duì)比是一種非常有趣的對(duì)比現(xiàn)象:當(dāng)兩種補(bǔ)色的色相互相靠近時(shí)，就能相互促進(jìn)，顯現(xiàn)出*活躍、*新鮮的視覺效果；但如果二者混合在一起，則二則相克，變成了灰色或者暗黑色。補(bǔ)色對(duì)比在網(wǎng)頁色彩的設(shè)計(jì)中應(yīng)用非常廣產(chǎn)生一種視覺上的平衡感，帶給人美好、舒適的視覺效果。泛，例如，在純度很高的色彩中加入補(bǔ)色，則可以起到完善畫面的作用。
 
(七)推移對(duì)比

設(shè)計(jì)師利用色彩對(duì)比的因素與原理架構(gòu)一定空間形態(tài)的表現(xiàn)形式從而形成多層面、多空間的色彩設(shè)計(jì)形態(tài)效果，這種設(shè)計(jì)模式就是推私對(duì)比。具體在設(shè)計(jì)的過程中有明度推移、色相推移、純度推移以及補(bǔ)推移等。明度推移是利用單個(gè)或多個(gè)色彩的明度變化來架構(gòu)其某一空間形態(tài)，這種空間形態(tài)層次清晰，色彩*具縱深感和空間感。色相推移是利用多個(gè)色彩的相互漸次推移變化架構(gòu)起來的某一空間形態(tài)，這種網(wǎng)站建設(shè)空間形態(tài)不但色彩間對(duì)比感很強(qiáng)而且空間感亦很強(qiáng)。純度推移是利用單個(gè)或多個(gè)色彩純度的漸變架構(gòu)的某一空間形態(tài)，這種空間形態(tài)*富空間感和層次感。補(bǔ)色推移則是利用補(bǔ)色間對(duì)比架構(gòu)其的空間形態(tài)，例如紅與綠、橙與黃等，這種空間形態(tài)對(duì)比感很強(qiáng)。