來源:無錫網(wǎng)站建設(shè)阿凡達(dá) 瀏覽次數(shù):319 發(fā)表日期:2023-05-18
頁面中色彩設(shè)計的基本原理主要涉及色彩的統(tǒng)一性、色彩的對比、色彩的調(diào)整以及色彩的視覺性原理,下面將詳細(xì)加以介紹。
一、網(wǎng)頁色彩設(shè)計的統(tǒng)一性原理
網(wǎng)頁的色彩設(shè)計是指在一個頁面中至少有兩個色相的色相組合,這樣就在色彩的選擇上,注意色彩間是否統(tǒng)一。所選擇的色彩就有相同色、同類色、類似色以及鄰近色等,怎樣在這些色彩之間達(dá)成和諧和統(tǒng)就顯得十分必要,這關(guān)系著整個頁面的整體布局是否統(tǒng)一和諧。
(一)網(wǎng)頁設(shè)計中相同色色彩的設(shè)計原理
在一個頁面中選擇相同的色彩組合是*具統(tǒng)一色彩效果的色彩設(shè)計,這種設(shè)計模式可以突出輪廓、形體以及材質(zhì),給用戶一種整體、現(xiàn)代和朦朧的感覺。在具體設(shè)計的過程應(yīng)該將明度差適當(dāng)?shù)財U(kuò)大。也可以利用同色異質(zhì)原理,即色彩設(shè)計相同,但質(zhì)感卻相異的策略。相同色設(shè)計是一種相對較為簡單的設(shè)計模式,在二級頁面中、在所需要表達(dá)的主題較為簡單的時候,相對采用這種的時候較多一些,不過這種設(shè)計模式盡管簡單但對一些主題的表達(dá)也是非常有效的,也是一些新的色彩設(shè)計師所喜歡的色彩搭配模式。
(二)網(wǎng)頁設(shè)計中同類色色彩的設(shè)計原理
如果說相同色設(shè)計略顯單調(diào),那么同類色設(shè)計相對就顯得協(xié)調(diào)統(tǒng)又不失一些通過一些細(xì)節(jié)的變化,所體現(xiàn)出的柔和、含蓄以及優(yōu)雅的印象。但在具體色彩設(shè)計的時候應(yīng)注意明度差的調(diào)節(jié),否則可能會出現(xiàn)混池、含糊不清的色感。同類色的設(shè)計模式的優(yōu)點在于是在實際應(yīng)用中*為簡便的一種,但是其缺點卻在于色相的差異太小,以至于色彩感不強(qiáng)。
(三)網(wǎng)頁設(shè)計中類似色色彩的設(shè)計原理
網(wǎng)頁設(shè)計中類似色彩的設(shè)計模式既有對比又有統(tǒng)一,既能夠顯現(xiàn)出整體色彩的和諧統(tǒng)一,又能體現(xiàn)出色彩間的對比,更能顯現(xiàn)出一種神秘感。例如,紅色與橙色的搭配,黃色與**的搭配,都給帶給用戶生動、明快而豐富的色感。在具體設(shè)計時,應(yīng)注意明度與純度差的調(diào)節(jié)。
(四)網(wǎng)頁設(shè)計中鄰近色色彩的設(shè)計原理
臨近色的頁面設(shè)計模式是*具色彩感和活力的一種設(shè)計模式,因為這種設(shè)計模式選擇的是鄰近色的區(qū)間,色相的選擇雖然跨度較大,但仍保持著一定的聯(lián)系,所所以,鄰近色的色彩設(shè)計是在色相、明度以及純度等方面都相對協(xié)調(diào)的設(shè)計方案,具有非常好的色彩感。
二、網(wǎng)頁色彩設(shè)計的對比性原理
網(wǎng)頁色彩設(shè)計的對比性原理具體指的是在色彩設(shè)計的過程中將相對的要素配列在一起,通過色彩相互間的比較以達(dá)到抗拒的狀態(tài),即為色彩的對比性原則。色彩的對比就是色彩本身受到其他色彩的影響,從而產(chǎn)生與原來單獨看時不一樣色感。網(wǎng)頁的色彩設(shè)計中,往往對比色彩的設(shè)計豐富而繁雜,一般我們很少看到單色的設(shè)計,而是往往會利用色彩的對比,使之產(chǎn)生冷暖、強(qiáng)強(qiáng)弱、濃淡等不同的色彩感。色彩對比的類型很多,下面我們簡單對明度對比、色相對比、純度對比、冷暖對比、面積對比、補(bǔ)色對比以及推移對比加以介紹。
(一)明度對比
明度對比是利用色彩的明度差別而形成的色彩對比感,這種設(shè)計能顯現(xiàn)出色彩的空間感、層次感以及立體感,在視覺上帶給用戶以清晰柔和、明朗和純潔的感覺。一個明度階段的知覺度相當(dāng)于三個純度階段的知覺度,因此明度對比是影響畫面效果感、形體感以及光感的關(guān)鍵所在。如果將明度從黑到白等差分為9個段位,以形成明度序列,明度*暗的命名為1,*亮的命名為9,那么“1~3”為低明度,稱其為低調(diào)色4~6”為中明度,稱其為中調(diào)色,“7~9”則為高明度,并稱其為高調(diào)對比稱為短調(diào)對比;3到5度差的對比稱為中調(diào)對比,而將5度以上差 色。色彩間明度差別的大小,決定了明度對比的強(qiáng)弱。將三度差以內(nèi)的對比則稱為長調(diào)對比。在明度對比中,如果其中面積*大、作用也彩或也組屬于す簡包,和長調(diào)為比,組對比就林為長調(diào)。高長調(diào)可以由黑、白、灰組成,足以體現(xiàn)強(qiáng)勢的、男性的情感;中短調(diào)則具有夢幻般的薄暮感,含蓄、模糊而平靜;低長調(diào)則較強(qiáng)烈,富有爆發(fā)性,頗具苦悶的凄感。
一般而言,高調(diào)帶給用戶活潑、愉快、柔軟、輕盈的感覺;低調(diào)則顯得樸素、豐富、遲鈍、宏大、笨重,讓人頗具落寞感。明度對比較強(qiáng),則光感較強(qiáng),相應(yīng)地形象的清晰度就較高,也就不容易出現(xiàn)誤差。但如果明度對比弱、光感不明朗的話,則可能會使得形象不清漸,效果差;另外,如果對比太強(qiáng)則可能帶給用戶生硬、空曠以及炫目和簡單化的感覺。因此,對于色彩設(shè)計師來說,如何準(zhǔn)確地把握住色彩間的對比是至關(guān)重要的。
(二)色相對比
色相對比是因色相之間的差異而形成的色彩對比效果。色相的對比主要可以依據(jù)可見光波的長短差別來區(qū)分,但完全依靠光波的長短是不可靠的,例如,盡管紅光和紫光的波長差距*大,但因都處于可見光的兩端,因而都接近于不可見光波,所以肉眼看來,二者的色相其實是接近的。綜上,在度量色相差時,不能只依靠測光器和可見光譜,還應(yīng)該借助于色相環(huán)。色彩的色相在具體設(shè)計的過程中有同類色相對比、類似色相對比、鄰近色相對比以及互補(bǔ)色色相對比等。
(三)純度對比
純度對比是借助于色彩純度高低的不同而產(chǎn)生的色彩對比現(xiàn)象。純度差的出現(xiàn)取決于在各色相中加入不同量的黑、白、灰或者是對比色而獲得的。純度對比的視覺效果要弱于明度對比的視覺效果。
般而言,高純度的色彩的色相較為醒目、明晰,但往往容易使人疲勞,不能長時間注視。因此在頁面色彩的選擇時設(shè)計師要慎重選擇高純度的色彩。同樣,低純度的色相雖然看起來較為含蓄,但卻不容易分清楚,雖能分清楚,但卻較為平淡乏味,就很容易讓用戶感到厭倦。所以,選擇恰當(dāng)?shù)募兌葘Ρ鹊纳蕦τ谠鰪?qiáng)用色的鮮艷感和明確感具有重。因為,在頭也彩計的過程中,如果配色的純度對比不足往往會出現(xiàn)臟、灰、悶、單調(diào)、混沌的感覺;而如果純度對比過強(qiáng)時則往往會出現(xiàn)生硬、雜亂、刺激以及炫目的感覺。
(四)冷暖對比
冷暖對比借助于冷色和暖色間的相互搭配而產(chǎn)生的冷暖差別。例如,紅色和橙色相對比時,紅色感覺要比橙色冷,而**和青色在一起對比,則感覺青色比較冷。冷暖對比可分為強(qiáng)對比、中對比和弱對比。強(qiáng)對比是冷*與*、冷色與暖色所形成的對比,這種對比往往讓用戶感受到醒目、刺激、警覺等,例如一些警示標(biāo)志往往會采用強(qiáng)對比;中對比是暖*與中性微冷色、冷*與中性微暖色所形成的對比,這種對比則給人種和諧、豐富之感,既能感受到一種統(tǒng)一感,又能感受到統(tǒng)一中的變化;弱對比是暖*與暖色、冷*與冷色所形成的對比,這種對比往往給人以和諧而又統(tǒng)一的色感。在網(wǎng)頁色彩的設(shè)計中,如果設(shè)計師能夠巧妙利用色彩的冷暖對比,往往會達(dá)到意想不到的色彩效果。
(五)面積對比
面積對比是通過色彩間面積大小的差別所形成的對比。不過色彩間面積大小的對比往往沒法離開色彩的純度,因為在色彩設(shè)計中,面積往往是和色相一起共同決定了色彩對比間的強(qiáng)弱,這種對比關(guān)系可以分兩種情況來說明:*一種情況,色相不同、面積不同所形成的對比。例如,大面積的綠和小面積的紅,在這種對比條件下,往往讓人覺得大面積的綠讓小面積的紅反而更鮮、更艷、更純,即小面積的紅變得更加醒目了能起到有效的凸顯和強(qiáng)調(diào)作用;反過來,用用大面積的紅對比小面積的綠,基于**本身具有收縮和后退性,再加上**本來的面積就小,所以看起來**幾乎被紅色所吞噬掉,反而更進(jìn)一步地樹托出了紅色的紅,**幾乎被忽略掉了。研究發(fā)現(xiàn),在不同的色相中,小面積的明度和純度如高于大面積的明度和純度達(dá)到3~5倍時,會產(chǎn)生這樣的視覺效果:大襯小,小的會變得更鮮明,也更醒目。*二種情況,色相不同、面積相同所形成的對比。當(dāng)色彩間的面積基本相同時,這樣就只有色與色之間的差異了,即色感間的差異就只取決于色彩本身帶給我們的感覺了。
(六)補(bǔ)色對比
補(bǔ)色對比的出現(xiàn)是當(dāng)色相與色相混合在一起后出現(xiàn)中性的灰黑色時,而此時在這兩種色相間所產(chǎn)生的對比就是補(bǔ)色對比。補(bǔ)色對比是一種非常有趣的對比現(xiàn)象:當(dāng)兩種補(bǔ)色的色相互相靠近時,就能相互促進(jìn),顯現(xiàn)出*活躍、*新鮮的視覺效果;但如果二者混合在一起,則二則相克,變成了灰色或者暗黑色。補(bǔ)色對比在網(wǎng)頁色彩的設(shè)計中應(yīng)用非常廣產(chǎn)生一種視覺上的平衡感,帶給人美好、舒適的視覺效果。泛,例如,在純度很高的色彩中加入補(bǔ)色,則可以起到完善畫面的作用。
(七)推移對比
設(shè)計師利用色彩對比的因素與原理架構(gòu)一定空間形態(tài)的表現(xiàn)形式從而形成多層面、多空間的色彩設(shè)計形態(tài)效果,這種設(shè)計模式就是推私對比。具體在設(shè)計的過程中有明度推移、色相推移、純度推移以及補(bǔ)推移等。明度推移是利用單個或多個色彩的明度變化來架構(gòu)其某一空間形態(tài),這種空間形態(tài)層次清晰,色彩*具縱深感和空間感。色相推移是利用多個色彩的相互漸次推移變化架構(gòu)起來的某一空間形態(tài),這種網(wǎng)站建設(shè)空間形態(tài)不但色彩間對比感很強(qiáng)而且空間感亦很強(qiáng)。純度推移是利用單個或多個色彩純度的漸變架構(gòu)的某一空間形態(tài),這種空間形態(tài)*富空間感和層次感。補(bǔ)色推移則是利用補(bǔ)色間對比架構(gòu)其的空間形態(tài),例如紅與綠、橙與黃等,這種空間形態(tài)對比感很強(qiáng)。
技術(shù)熱線
400-189-1319
添加微信