一、網(wǎng)頁(yè)色彩設(shè)計(jì)的統(tǒng)一性原理
網(wǎng)頁(yè)的色彩設(shè)計(jì)是指在一個(gè)頁(yè)面中至少有兩個(gè)色相的色相組合,這樣就在色彩的選擇上,注意色彩間是否統(tǒng)一。所選擇的色彩就有相同色、同類色、類似色以及鄰近色等,怎樣在這些色彩之間達(dá)成和諧和統(tǒng)就顯得十分必要,這關(guān)系著整個(gè)頁(yè)面的整體布局是否統(tǒng)一和諧。
(一)網(wǎng)頁(yè)設(shè)計(jì)中相同色色彩的設(shè)計(jì)原理
在一個(gè)頁(yè)面中選擇相同的色彩組合是最具統(tǒng)一色彩效果的色彩設(shè)計(jì),這種設(shè)計(jì)模式可以突出輪廓、形體以及材質(zhì),給用戶一種整體、現(xiàn)代和朦朧的感覺(jué)。在具體設(shè)計(jì)的過(guò)程應(yīng)該將明度差適當(dāng)?shù)財(cái)U(kuò)大。也可以利用同色異質(zhì)原理,即色彩設(shè)計(jì)相同,但質(zhì)感卻相異的策略。相同色設(shè)計(jì)是一種相對(duì)較為簡(jiǎn)單的設(shè)計(jì)模式,在二級(jí)頁(yè)面中、在所需要表達(dá)的主題較為簡(jiǎn)單的時(shí)候,相對(duì)采用這種的時(shí)候較多一些,不過(guò)這種設(shè)計(jì)模式盡管簡(jiǎn)單但對(duì)一些主題的表達(dá)也是非常有效的,也是一些新的色彩設(shè)計(jì)師所喜歡的色彩搭配模式。
(二)網(wǎng)頁(yè)設(shè)計(jì)中同類色色彩的設(shè)計(jì)原理
如果說(shuō)相同色設(shè)計(jì)略顯單調(diào),那么同類色設(shè)計(jì)相對(duì)就顯得協(xié)調(diào)統(tǒng)又不失一些通過(guò)一些細(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)頁(yè)設(shè)計(jì)中類似色色彩的設(shè)計(jì)原理
網(wǎng)頁(yè)設(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)頁(yè)設(shè)計(jì)中鄰近色色彩的設(shè)計(jì)原理
臨近色的頁(yè)面設(shè)計(jì)模式是最具色彩感和活力的一種設(shè)計(jì)模式,因?yàn)檫@種設(shè)計(jì)模式選擇的是鄰近色的區(qū)間,色相的選擇雖然跨度較大,但仍保持著一定的聯(lián)系,所所以,鄰近色的色彩設(shè)計(jì)是在色相、明度以及純度等方面都相對(duì)協(xié)調(diào)的設(shè)計(jì)方案,具有非常好的色彩感。
二、網(wǎng)頁(yè)色彩設(shè)計(jì)的對(duì)比性原理
網(wǎng)頁(yè)色彩設(shè)計(jì)的對(duì)比性原理具體指的是在色彩設(shè)計(jì)的過(guò)程中將相對(duì)的要素配列在一起,通過(guò)色彩相互間的比較以達(dá)到抗拒的狀態(tài),即為色彩的對(duì)比性原則。色彩的對(duì)比就是色彩本身受到其他色彩的影響,從而產(chǎn)生與原來(lái)單獨(dú)看時(shí)不一樣色感。網(wǎng)頁(yè)的色彩設(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)出色彩的空間感、層次感以及立體感,在視覺(jué)上帶給用戶以清晰柔和、明朗和純潔的感覺(jué)。一個(gè)明度階段的知覺(jué)度相當(dāng)于三個(gè)純度階段的知覺(jué)度,因此明度對(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)帶給用戶活潑、愉快、柔軟、輕盈的感覺(jué);低調(diào)則顯得樸素、豐富、遲鈍、宏大、笨重,讓人頗具落寞感。明度對(duì)比較強(qiáng),則光感較強(qiáng),相應(yīng)地形象的清晰度就較高,也就不容易出現(xiàn)誤差。但如果明度對(duì)比弱、光感不明朗的話,則可能會(huì)使得形象不清漸,效果差;另外,如果對(duì)比太強(qiáng)則可能帶給用戶生硬、空曠以及炫目和簡(jiǎn)單化的感覺(jué)。因此,對(duì)于色彩設(shè)計(jì)師來(lái)說(shuō),如何準(zhǔn)確地把握住色彩間的對(duì)比是至關(guān)重要的。
(二)色相對(duì)比
色相對(duì)比是因色相之間的差異而形成的色彩對(duì)比效果。色相的對(duì)比主要可以依據(jù)可見(jiàn)光波的長(zhǎng)短差別來(lái)區(qū)分,但完全依靠光波的長(zhǎng)短是不可靠的,例如,盡管紅光和紫光的波長(zhǎng)差距最大,但因都處于可見(jiàn)光的兩端,因而都接近于不可見(jiàn)光波,所以肉眼看來(lái),二者的色相其實(shí)是接近的。綜上,在度量色相差時(shí),不能只依靠測(cè)光器和可見(jiàn)光譜,還應(yīng)該借助于色相環(huán)。色彩的色相在具體設(shè)計(jì)的過(guò)程中有同類色相對(duì)比、類似色相對(duì)比、鄰近色相對(duì)比以及互補(bǔ)色色相對(duì)比等。
(三)純度對(duì)比
純度對(duì)比是借助于色彩純度高低的不同而產(chǎn)生的色彩對(duì)比現(xiàn)象。純度差的出現(xiàn)取決于在各色相中加入不同量的黑、白、灰或者是對(duì)比色而獲得的。純度對(duì)比的視覺(jué)效果要弱于明度對(duì)比的視覺(jué)效果。
般而言,高純度的色彩的色相較為醒目、明晰,但往往容易使人疲勞,不能長(zhǎng)時(shí)間注視。因此在頁(yè)面色彩的選擇時(shí)設(shè)計(jì)師要慎重選擇高純度的色彩。同樣,低純度的色相雖然看起來(lái)較為含蓄,但卻不容易分清楚,雖能分清楚,但卻較為平淡乏味,就很容易讓用戶感到厭倦。所以,選擇恰當(dāng)?shù)募兌葘?duì)比的色彩對(duì)于增強(qiáng)用色的鮮艷感和明確感具有重。因?yàn)?,在頭也彩計(jì)的過(guò)程中,如果配色的純度對(duì)比不足往往會(huì)出現(xiàn)臟、灰、悶、單調(diào)、混沌的感覺(jué);而如果純度對(duì)比過(guò)強(qiáng)時(shí)則往往會(huì)出現(xiàn)生硬、雜亂、刺激以及炫目的感覺(jué)。
(四)冷暖對(duì)比
冷暖對(duì)比借助于冷色和暖色間的相互搭配而產(chǎn)生的冷暖差別。例如,紅色和橙色相對(duì)比時(shí),紅色感覺(jué)要比橙色冷,而綠色和青色在一起對(duì)比,則感覺(jué)青色比較冷。冷暖對(duì)比可分為強(qiáng)對(duì)比、中對(duì)比和弱對(duì)比。強(qiáng)對(duì)比是冷極與極、冷色與暖色所形成的對(duì)比,這種對(duì)比往往讓用戶感受到醒目、刺激、警覺(jué)等,例如一些警示標(biāo)志往往會(huì)采用強(qiáng)對(duì)比;中對(duì)比是暖極與中性微冷色、冷極與中性微暖色所形成的對(duì)比,這種對(duì)比則給人種和諧、豐富之感,既能感受到一種統(tǒng)一感,又能感受到統(tǒng)一中的變化;弱對(duì)比是暖極與暖色、冷極與冷色所形成的對(duì)比,這種對(duì)比往往給人以和諧而又統(tǒng)一的色感。在網(wǎng)頁(yè)色彩的設(shè)計(jì)中,如果設(shè)計(jì)師能夠巧妙利用色彩的冷暖對(duì)比,往往會(huì)達(dá)到意想不到的色彩效果。
(五)面積對(duì)比
面積對(duì)比是通過(guò)色彩間面積大小的差別所形成的對(duì)比。不過(guò)色彩間面積大小的對(duì)比往往沒(méi)法離開色彩的純度,因?yàn)樵谏试O(shè)計(jì)中,面積往往是和色相一起共同決定了色彩對(duì)比間的強(qiáng)弱,這種對(duì)比關(guān)系可以分兩種情況來(lái)說(shuō)明:第一種情況,色相不同、面積不同所形成的對(duì)比。例如,大面積的綠和小面積的紅,在這種對(duì)比條件下,往往讓人覺(jué)得大面積的綠讓小面積的紅反而更鮮、更艷、更純,即小面積的紅變得更加醒目了能起到有效的凸顯和強(qiáng)調(diào)作用;反過(guò)來(lái),用用大面積的紅對(duì)比小面積的綠,基于綠色本身具有收縮和后退性,再加上綠色本來(lái)的面積就小,所以看起來(lái)綠色幾乎被紅色所吞噬掉,反而更進(jìn)一步地樹托出了紅色的紅,綠色幾乎被忽略掉了。研究發(fā)現(xiàn),在不同的色相中,小面積的明度和純度如高于大面積的明度和純度達(dá)到3~5倍時(shí),會(huì)產(chǎn)生這樣的視覺(jué)效果:大襯小,小的會(huì)變得更鮮明,也更醒目。第二種情況,色相不同、面積相同所形成的對(duì)比。當(dāng)色彩間的面積基本相同時(shí),這樣就只有色與色之間的差異了,即色感間的差異就只取決于色彩本身帶給我們的感覺(jué)了。
(六)補(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)出最活躍、最新鮮的視覺(jué)效果;但如果二者混合在一起,則二則相克,變成了灰色或者暗黑色。補(bǔ)色對(duì)比在網(wǎng)頁(yè)色彩的設(shè)計(jì)中應(yīng)用非常廣產(chǎn)生一種視覺(jué)上的平衡感,帶給人美好、舒適的視覺(jué)效果。泛,例如,在純度很高的色彩中加入補(bǔ)色,則可以起到完善畫面的作用。
(七)推移對(duì)比
設(shè)計(jì)師利用色彩對(duì)比的因素與原理架構(gòu)一定空間形態(tài)的表現(xiàn)形式從而形成多層面、多空間的色彩設(shè)計(jì)形態(tài)效果,這種設(shè)計(jì)模式就是推私對(duì)比。具體在設(shè)計(jì)的過(guò)程中有明度推移、色相推移、純度推移以及補(bǔ)推移等。明度推移是利用單個(gè)或多個(gè)色彩的明度變化來(lái)架構(gòu)其某一空間形態(tài),這種空間形態(tài)層次清晰,色彩極具縱深感和空間感。色相推移是利用多個(gè)色彩的相互漸次推移變化架構(gòu)起來(lái)的某一空間形態(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)。
本文地址:http://www.khwajamoinuddinchishty.com//article/3431.html