網(wǎng)頁(yè)綠色系配色應(yīng)用實(shí)例圖文第1/2頁(yè)
更新時(shí)間:2008年08月28日 08:43:23 作者:
綠色在黃色和藍(lán)色(冷暖)之間,屬于較中庸的顏色,這樣使得綠色的性格最為平和、安穩(wěn)、大度、寬容。是一種柔順、恬靜、滿足、優(yōu)美、受歡迎之色。也是網(wǎng)頁(yè)中使用最為廣泛的顏色之一。
綠色與人類(lèi)息息相關(guān),是永恒的欣欣向榮是的自然之色,代表了生命與希望,也充滿了青春活力,綠色象征著和平與安全、發(fā)展與生機(jī)、舒適與安寧、松弛與休息,有緩解眼部疲勞的作用。
它本身具有一定的與自然、健康相關(guān)的感覺(jué),所以也經(jīng)常用于與自然、健康相關(guān)的站點(diǎn)。綠色還經(jīng)常用于一些公司的公關(guān)站點(diǎn)或教育站點(diǎn)。
綠色能使我們的心情變得格外明朗。黃綠色代表清新、平靜、安逸、和平、柔和、春天、青春、升級(jí)的心理感受。
下面我們根據(jù)綠色系不同屬性鄰近色、同類(lèi)色的高純度低純度、對(duì)比色等色彩搭配做不同的舉例分析。

綠色系分析:
從上圖的主色調(diào)、輔色調(diào)HSB模式的數(shù)值可看出,這兩中顏色只是在明度上有區(qū)別,其顯示的色相與飽和度是一樣的。正綠色是120度,這兩種顏色從RGB數(shù)值上看,都不同程度的混合了其他少許顏色,因此離正綠色稍有些偏差。由于綠色本身的特性,所以整個(gè)網(wǎng)頁(yè)看起來(lái)很安穩(wěn)舒適。
輔助色只在明度上降低,讓頁(yè)面多了些層次感、空間感。
白色塊面使得綠色的特性發(fā)揮到最好的狀態(tài)并增強(qiáng)了視覺(jué)節(jié)奏感。
點(diǎn)睛色恰到好處的體現(xiàn)出了”點(diǎn)睛”這一妙筆,極盡誘惑力,整個(gè)頁(yè)面頓時(shí)生動(dòng)提神起來(lái),增強(qiáng)了頁(yè)面主題的表達(dá)力。
結(jié)論:
主、輔色調(diào)是屬于同類(lèi)色綠色系,通過(guò)不同明度的變化,能較遞增緩和變化同時(shí)卻也較明顯的體現(xiàn)出頁(yè)面的色彩層次感來(lái)。如果不是通過(guò)數(shù)值來(lái)分析判斷,可能會(huì)有些朋友憑經(jīng)驗(yàn)判斷,容易誤認(rèn)為這兩種顏色除了明度外有可能純度會(huì)有所不同,這時(shí)候適當(dāng)?shù)氖褂脭?shù)值模式會(huì)很容易得到正確的結(jié)論的。
整個(gè)頁(yè)面配色很少:最大色塊的翠綠,第二面積的白色,第三面積的深綠色,但得到的效果卻是強(qiáng)烈的、顯眼的,達(dá)到充分展現(xiàn)產(chǎn)品主題的目的。
深綠色給人茂盛、健康、成熟、穩(wěn)重、生命、開(kāi)闊的心理感受。
它本身具有一定的與自然、健康相關(guān)的感覺(jué),所以也經(jīng)常用于與自然、健康相關(guān)的站點(diǎn)。綠色還經(jīng)常用于一些公司的公關(guān)站點(diǎn)或教育站點(diǎn)。
綠色能使我們的心情變得格外明朗。黃綠色代表清新、平靜、安逸、和平、柔和、春天、青春、升級(jí)的心理感受。
下面我們根據(jù)綠色系不同屬性鄰近色、同類(lèi)色的高純度低純度、對(duì)比色等色彩搭配做不同的舉例分析。

綠色系分析:
從上圖的主色調(diào)、輔色調(diào)HSB模式的數(shù)值可看出,這兩中顏色只是在明度上有區(qū)別,其顯示的色相與飽和度是一樣的。正綠色是120度,這兩種顏色從RGB數(shù)值上看,都不同程度的混合了其他少許顏色,因此離正綠色稍有些偏差。由于綠色本身的特性,所以整個(gè)網(wǎng)頁(yè)看起來(lái)很安穩(wěn)舒適。
輔助色只在明度上降低,讓頁(yè)面多了些層次感、空間感。
白色塊面使得綠色的特性發(fā)揮到最好的狀態(tài)并增強(qiáng)了視覺(jué)節(jié)奏感。
點(diǎn)睛色恰到好處的體現(xiàn)出了”點(diǎn)睛”這一妙筆,極盡誘惑力,整個(gè)頁(yè)面頓時(shí)生動(dòng)提神起來(lái),增強(qiáng)了頁(yè)面主題的表達(dá)力。
結(jié)論:
主、輔色調(diào)是屬于同類(lèi)色綠色系,通過(guò)不同明度的變化,能較遞增緩和變化同時(shí)卻也較明顯的體現(xiàn)出頁(yè)面的色彩層次感來(lái)。如果不是通過(guò)數(shù)值來(lái)分析判斷,可能會(huì)有些朋友憑經(jīng)驗(yàn)判斷,容易誤認(rèn)為這兩種顏色除了明度外有可能純度會(huì)有所不同,這時(shí)候適當(dāng)?shù)氖褂脭?shù)值模式會(huì)很容易得到正確的結(jié)論的。
整個(gè)頁(yè)面配色很少:最大色塊的翠綠,第二面積的白色,第三面積的深綠色,但得到的效果卻是強(qiáng)烈的、顯眼的,達(dá)到充分展現(xiàn)產(chǎn)品主題的目的。
深綠色給人茂盛、健康、成熟、穩(wěn)重、生命、開(kāi)闊的心理感受。
相關(guān)文章
position:relative/absolute無(wú)法沖破的等級(jí)
position:relative/absolute無(wú)法沖破的等級(jí)...2007-03-03網(wǎng)頁(yè)設(shè)計(jì)布局基礎(chǔ)
網(wǎng)頁(yè)設(shè)計(jì)布局基礎(chǔ)...2007-02-02web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題集合
web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題集合...2006-11-11CSS expression控制圖片自動(dòng)縮放效果代碼[兼容 IE,Firefox]
一直以來(lái)有個(gè)很頭疼的問(wèn)題困擾著我,那就是圖片縮放的問(wèn)題,寫(xiě)到 JS 里面吧,不太容易修改。寫(xiě)到 CSS 里面吧,IE 6 又不支持 max-width2008-09-09