網(wǎng)頁綠色系配色應(yīng)用實(shí)例圖文第2/2頁

綠色系分析: (高純度配色:綠色+對比色組合)
HSB數(shù)值H顯示60度為正黃色,該主、輔色調(diào)只向綠色傾斜了一丁點(diǎn)–H為75度。大面積明度稍低的黃綠色為主要色調(diào),飽和度卻非常高,達(dá)到了100%,輔助色使用了提高明度的嫩綠色和白色,這兩種輔色除了增加頁面的層次感的同時,還能讓整個頁面配色有透亮的感覺,增強(qiáng)了綠色的特性。背景深褐色無疑把前景的所有純色烘托得都耀眼于舞臺上。
該頁面有兩組小小的對比色,一組是黃綠與橙紅色,一組是橙黃色與天藍(lán)色,這兩組配色嚴(yán)格的來說不算對比色,因?yàn)樯识嗌儆行┢睢km然它們的飽和度降低,但在這個頁面中足以構(gòu)成了最響亮的色調(diào),把整個頁面烘托得非?;钴S、鮮明。
結(jié)論:
主、輔色調(diào)黃綠色大面積使用并不刺目,反而使得頁面看起來很有朝氣、活力。
適當(dāng)運(yùn)用不同純度的不是相當(dāng)嚴(yán)格意義上的對比色系組合時,通常能起到的主要作用是主次關(guān)系明確。不”標(biāo)準(zhǔn)”的對比色系對比特性雖然減弱,頁面色彩看起來容易協(xié)調(diào)、柔和,但一樣能突出主題?!?同類色淺綠色網(wǎng)頁例圖 :

綠色系分析:(同類色淺綠色)
主色調(diào)綠色屬性是明度很高的淺綠色,前面提到過,通常情況下明度高飽和度就降低,飽和度低頁面色彩度就降低,除非顏色本身有自己的特性,加上大面積的輔助色白色,整個頁面看起來很清淡、柔和、寧靜,甚至有溫馨的感覺。
頁面中使用了漸變的淺綠色,使得整個頁面視覺上更加柔和舒適。
盡管點(diǎn)睛色只在主要標(biāo)志上出現(xiàn),按鈕也只有少許一點(diǎn),但也給整個頁面的色彩帶來些亮筆。尤其是紅色的HSB模式的H數(shù)值顯示顏色接近于正紅色,飽和度達(dá)到最高值。另一個點(diǎn)睛色中黃色,在頁面視覺上呈綠色與紅色這一組對比色起到緩和視覺的作用。因?yàn)樵谏啽砩?,黃色正是在綠色和紅色之間的過渡色。
結(jié)論:
淺綠色系有優(yōu)雅、休息、安全、和睦、寧靜、柔和的感覺。
漸變的效果更能加深這種印象。但頁面配色上淺色過多時,整個頁面容易呈現(xiàn)發(fā)”灰”的感受,這就需要適量的添加純度稍高的顏色例如左下角的輔助色綠色塊,適當(dāng)?shù)孽r艷的點(diǎn)睛都能很好的解決這一問題。
相關(guān)文章
position:relative/absolute無法沖破的等級
position:relative/absolute無法沖破的等級...2007-03-03CSS expression控制圖片自動縮放效果代碼[兼容 IE,Firefox]
一直以來有個很頭疼的問題困擾著我,那就是圖片縮放的問題,寫到 JS 里面吧,不太容易修改。寫到 CSS 里面吧,IE 6 又不支持 max-width2008-09-09