網站(zhàn)建設

頁面中色彩設計(jì)的基本原理(lǐ)主要涉及色彩的統一性、色彩的對比、色彩的調整以及色彩的視(shì)覺性原理(lǐ)，下面将詳細加以介紹。

一、網頁色彩設計(jì)的統一性原理(lǐ)

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

(一)網頁設計(jì)中相同色色彩的設計(jì)原理(lǐ)

在一個(gè)頁面中選擇相同的色彩組合是最具統一色彩效果的色彩設計(jì)，這種設計(jì)模式可(kě)以突出輪廓、形體(tǐ)以及材質，給用戶一種整體(tǐ)、現代和(hé)朦胧的感覺。在具體(tǐ)設計(jì)的過程應該将明(míng)度差适當地擴大(dà)。也可(kě)以利用同色異質原理(lǐ)，即色彩設計(jì)相同，但(dàn)質感卻相異的策略。相同色設計(jì)是一種相對較為(wèi)簡單的設計(jì)模式，在二級頁面中、在所需要表達的主題較為(wèi)簡單的時(shí)候，相對采用這種的時(shí)候較多(duō)一些(xiē)，不過這種設計(jì)模式盡管簡單但(dàn)對一些(xiē)主題的表達也是非常有(yǒu)效的，也是一些(xiē)新的色彩設計(jì)師(shī)所喜歡的色彩搭配模式。

(二)網頁設計(jì)中同類色色彩的設計(jì)原理(lǐ)

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

(三)網頁設計(jì)中類似色色彩的設計(jì)原理(lǐ)

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

(四)網頁設計(jì)中鄰近色色彩的設計(jì)原理(lǐ)

臨近色的頁面設計(jì)模式是最具色彩感和(hé)活力的一種設計(jì)模式，因為(wèi)這種設計(jì)模式選擇的是鄰近色的區(qū)間(jiān)，色相的選擇雖然跨度較大(dà)，但(dàn)仍保持着一定的聯系，所所以，鄰近色的色彩設計(jì)是在色相、明(míng)度以及純度等方面都相對協調的設計(jì)方案，具有(yǒu)非常好的色彩感。

二、網頁色彩設計(jì)的對比性原理(lǐ)

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

(一)明(míng)度對比

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

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

(二)色相對比

色相對比是因色相之間(jiān)的差異而形成的色彩對比效果。色相的對比主要可(kě)以依據可(kě)見光波的長短(duǎn)差别來(lái)區(qū)分，但(dàn)完全依靠光波的長短(duǎn)是不可(kě)靠的，例如，盡管紅光和(hé)紫光的波長差距最大(dà)，但(dàn)因都處于可(kě)見光的兩端，因而都接近于不可(kě)見光波，所以肉眼看來(lái)，二者的色相其實是接近的。綜上(shàng)，在度量色相差時(shí)，不能隻依靠測光器(qì)和(hé)可(kě)見光譜，還(hái)應該借助于色相環。色彩的色相在具體(tǐ)設計(jì)的過程中有(yǒu)同類色相對比、類似色相對比、鄰近色相對比以及互補色色相對比等。

(三)純度對比

純度對比是借助于色彩純度高(gāo)低(dī)的不同而産生(shēng)的色彩對比現象。純度差的出現取決于在各色相中加入不同量的黑(hēi)、白、灰或者是對比色而獲得(de)的。純度對比的視(shì)覺效果要弱于明(míng)度對比的視(shì)覺效果。

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

(四)冷暖對比

冷暖對比借助于冷色和(hé)暖色間(jiān)的相互搭配而産生(shēng)的冷暖差别。例如，紅色和(hé)橙色相對比時(shí)，紅色感覺要比橙色冷，而綠色和(hé)青色在一起對比，則感覺青色比較冷。冷暖對比可(kě)分為(wèi)強對比、中對比和(hé)弱對比。強對比是冷極與極、冷色與暖色所形成的對比，這種對比往往讓用戶感受到醒目、刺激、警覺等，例如一些(xiē)警示标志(zhì)往往會(huì)采用強對比；中對比是暖極與中性微冷色、冷極與中性微暖色所形成的對比，這種對比則給人(rén)種和(hé)諧、豐富之感，既能感受到一種統一感，又能感受到統一中的變化；弱對比是暖極與暖色、冷極與冷色所形成的對比，這種對比往往給人(rén)以和(hé)諧而又統一的色感。在網頁色彩的設計(jì)中，如果設計(jì)師(shī)能夠巧妙利用色彩的冷暖對比，往往會(huì)達到意想不到的色彩效果。

(五)面積對比

面積對比是通(tōng)過色彩間(jiān)面積大(dà)小(xiǎo)的差别所形成的對比。不過色彩間(jiān)面積大(dà)小(xiǎo)的對比往往沒法離開(kāi)色彩的純度，因為(wèi)在色彩設計(jì)中，面積往往是和(hé)色相一起共同決定了色彩對比間(jiān)的強弱，這種對比關系可(kě)以分兩種情況來(lái)說明(míng):第一種情況，色相不同、面積不同所形成的對比。例如，大(dà)面積的綠和(hé)小(xiǎo)面積的紅，在這種對比條件下，往往讓人(rén)覺得(de)大(dà)面積的綠讓小(xiǎo)面積的紅反而更鮮、更豔、更純，即小(xiǎo)面積的紅變得(de)更加醒目了能起到有(yǒu)效的凸顯和(hé)強調作(zuò)用；反過來(lái)，用用大(dà)面積的紅對比小(xiǎo)面積的綠，基于綠色本身具有(yǒu)收縮和(hé)後退性，再加上(shàng)綠色本來(lái)的面積就小(xiǎo)，所以看起來(lái)綠色幾乎被紅色所吞噬掉，反而更進一步地樹(shù)托出了紅色的紅，綠色幾乎被忽略掉了。研究發現，在不同的色相中，小(xiǎo)面積的明(míng)度和(hé)純度如高(gāo)于大(dà)面積的明(míng)度和(hé)純度達到3~5倍時(shí)，會(huì)産生(shēng)這樣的視(shì)覺效果:大(dà)襯小(xiǎo)，小(xiǎo)的會(huì)變得(de)更鮮明(míng)，也更醒目。第二種情況，色相不同、面積相同所形成的對比。當色彩間(jiān)的面積基本相同時(shí)，這樣就隻有(yǒu)色與色之間(jiān)的差異了，即色感間(jiān)的差異就隻取決于色彩本身帶給我們的感覺了。

(六)補色對比

補色對比的出現是當色相與色相混合在一起後出現中性的灰黑(hēi)色時(shí)，而此時(shí)在這兩種色相間(jiān)所産生(shēng)的對比就是補色對比。補色對比是一種非常有(yǒu)趣的對比現象:當兩種補色的色相互相靠近時(shí)，就能相互促進，顯現出最活躍、最新鮮的視(shì)覺效果；但(dàn)如果二者混合在一起，則二則相克，變成了灰色或者暗黑(hēi)色。補色對比在網頁色彩的設計(jì)中應用非常廣産生(shēng)一種視(shì)覺上(shàng)的平衡感，帶給人(rén)美好、舒适的視(shì)覺效果。泛，例如，在純度很(hěn)高(gāo)的色彩中加入補色，則可(kě)以起到完善畫(huà)面的作(zuò)用。

(七)推移對比

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