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