綠色高純度網(wǎng)頁例圖:http://www.marocfruitboard.com
綠色系分析: (高純度配色:綠色+對(duì)比色組合)
HSB數(shù)值H顯示60度為正黃色,該主、輔色調(diào)只向綠色傾斜了一丁點(diǎn)–H為75度。大面積明度稍低的黃綠色為主要色調(diào),飽和度卻非常高,達(dá)到了100%,輔助色使用了提高明度的嫩綠色和白色,這兩種輔色除了增加頁面的層次感的同時(shí),還能讓整個(gè)頁面配色有透亮的感覺,增強(qiáng)了綠色的特性。背景深褐色無疑把前景的所有純色烘托得都耀眼于舞臺(tái)上。
該頁面有兩組小小的對(duì)比色,一組是黃綠與橙紅色,一組是橙黃色與天藍(lán)色,這兩組配色嚴(yán)格的來說不算對(duì)比色,因?yàn)樯识嗌儆行┢。雖然它們的飽和度降低,但在這個(gè)頁面中足以構(gòu)成了最響亮的色調(diào),把整個(gè)頁面烘托得非常活躍、鮮明。
結(jié)論:
主、輔色調(diào)黃綠色大面積使用并不刺目,反而使得頁面看起來很有朝氣、活力。
適當(dāng)運(yùn)用不同純度的不是相當(dāng)嚴(yán)格意義上的對(duì)比色系組合時(shí),通常能起到的主要作用是主次關(guān)系明確。不”標(biāo)準(zhǔn)”的對(duì)比色系對(duì)比特性雖然減弱,頁面色彩看起來容易協(xié)調(diào)、柔和,但一樣能突出主題! 同類色淺綠色網(wǎng)頁例圖 :http://shehouse.we.tv
綠色系分析:(同類色淺綠色)
主色調(diào)綠色屬性是明度很高的淺綠色,前面提到過,通常情況下明度高飽和度就降低,飽和度低頁面色彩度就降低,除非顏色本身有自己的特性,加上大面積的輔助色白色,整個(gè)頁面看起來很清淡、柔和、寧靜,甚至有溫馨的感覺。
頁面中使用了漸變的淺綠色,使得整個(gè)頁面視覺上更加柔和舒適。
盡管點(diǎn)睛色只在主要標(biāo)志上出現(xiàn),按鈕也只有少許一點(diǎn),但也給整個(gè)頁面的色彩帶來些亮筆。尤其是紅色的HSB模式的H數(shù)值顯示顏色接近于正紅色,飽和度達(dá)到最高值。另一個(gè)點(diǎn)睛色中黃色,在頁面視覺上呈綠色與紅色這一組對(duì)比色起到緩和視覺的作用。因?yàn)樵谏啽砩,黃色正是在綠色和紅色之間的過渡色。
結(jié)論:
淺綠色系有優(yōu)雅、休息、安全、和睦、寧靜、柔和的感覺。
漸變的效果更能加深這種印象。但頁面配色上淺色過多時(shí),整個(gè)頁面容易呈現(xiàn)發(fā)”灰”的感受,這就需要適量的添加純度稍高的顏色例如左下角的輔助色綠色塊,適當(dāng)?shù)孽r艷的點(diǎn)睛都能很好的解決這一問題。
本文鏈接:http://m.95time.cn/design/doc/2008/6132.asp
出處:口碑網(wǎng)UED Team
責(zé)任編輯:bluehearts
上一頁 網(wǎng)頁綠色系配色應(yīng)用實(shí)例 [1] 下一頁
|