【示例】黃綠色弱對比網(wǎng)頁(yè)設計示例截圖如圖所示。
【分析】
從HSB模式的數值看,主色調是接近于黃色的基礎上加入了少許綠色,飽和度和明度降低,色彩看起來(lái)較柔和。輔色調墨綠色的綠色的傾向稍高,飽和度也較高,只是明度降低,該色看起來(lái)踏實(shí)沉穩。點(diǎn)睛色紅色H數值為零度,呈正紅色,但是該顏色飽和度和明度降低,而紅色本身的色度比黃綠色要暗不少,因此顏色穩重。另一點(diǎn)睛色藍綠色,明度和飽和度都很低,在頁(yè)面配色中似乎沒(méi)有點(diǎn)睛感覺(jué),更多的是呈輔助狀態(tài)。
【點(diǎn)評】主色調是相對比較鮮亮的顏色,而輔助色和點(diǎn)睛色是屬于比較沉穩的顏色,頁(yè)面通過(guò)大小色塊的對比提高視覺(jué)的反差力度,增強頁(yè)面的感染力。由于整個(gè)頁(yè)面的飽和度整體稍微降低,因此該頁(yè)面配色較協(xié)調、緩和。
【示例】同類(lèi)綠色+多種點(diǎn)睛色網(wǎng)頁(yè)設計示例截圖如圖所示。
【分析】主色調HSB模式H數值顯示75度,依舊是色輪表里傾向于黃色區域方位邊緣的綠色,呈現出的黃綠色調。輔色調在明度上有些提亮,與主色調形成較強的對比。點(diǎn)睛色里所使用的對比色組合有兩組,紅色與綠色,藍色與橙黃色,其中黃色是介于暖色(橙黃、紅色)和冷色(綠色、藍色)的過(guò)渡色,也是調和色。
【點(diǎn)評】該網(wǎng)頁(yè)在網(wǎng)頁(yè)設計時(shí)配色不少,且還有兩組對比色在內,但是頁(yè)面配色也很協(xié)調。原因之一,從下面抽取的色塊可以看出來(lái),是一個(gè)過(guò)渡柔和的色輪表:以黃色為中界一邊是較淺的黃綠到綠色再到藍色,另一邊是橙黃再到紅色。原因之二,點(diǎn)睛色畢竟是扮演著(zhù)點(diǎn)睛色的角色,有主色調和輔色調大面積的控制,即便再多些點(diǎn)睛色也不至于很快干擾到頁(yè)面的整體配色。整個(gè)頁(yè)面保證了協(xié)調、不凌亂的步調,但是又能把商業(yè)網(wǎng)站的熱鬧氛圍很好地渲染。此種配色方法值得我們學(xué)習借鑒。
當前文章標題:黃綠色的頁(yè)面設計
當前URL:http://amzcoolest.com/news/wzzz/3177.html