網頁設計配色應用實例剖析 - 網頁設計

http://webdesign.zoapcon.com

灰色介于灰色和白色之間，中性色、中等明度、無色彩、極低色彩的顏色。灰色能夠吸收其他色彩的活力，削弱色彩的對立面，而制造出融合的作用。

　　灰色是一種中立色，具有中庸、平凡、溫和、謙讓、中立和高雅的心理感受，也被稱為高級灰，是經久不衰、最經看的顏色。

　　任何色彩加入灰色都能顯得含蓄而柔和。但是灰色在給人高品味、含蓄、精致、雅致耐人尋味的同時，也容易給人頹廢、蒼涼、消極、沮喪、沉悶的感受，如果搭配不好頁面容易顯得灰暗、臟。

　　從色彩學上來說，灰色調又泛指所有含灰色度的復合色，而復合色又是三種以上顏色的調和色。色彩可以有紅灰、黃灰、藍灰等上萬種彩色灰，這都是灰色調，而并不單指純正的灰色。
　　
　　下面我們根據灰色搭配不同的顏色所表現出的視覺特性，做一些不同的舉例分析。
　　
　　→ 灰色網頁（明度淺灰色）例圖：http://www.canubia.com
　　
　　
　　
　　灰色系分析：（明度淺灰色）
　　從頁面所呈現的明度色調來看，整個頁面偏淺灰色調，柔美高雅的灰調子。
　　主色調及背景色是接近于明度白色且非常淺的灰調，輔色調的灰調子明度上較主色調稍深些，另一輔色調為白色。
　　RGB模式顯示點睛色紅色R217及G9來看不是正紅色，在如此灰調子的頁面來看，如果不參考RGB模式肉眼幾乎看不出來。如果沒有點睛色的加入整個頁面呈毫無生氣的灰色系，略有些臟的感覺，平淡且乏味，沒能使大家對它產生過多的印象。紅色的特性把以上的這些平淡的感受打破了，讓人愿意細品灰色所帶來的悠長韻味。
　　HSB模式的B也能看出淺灰色在明度上較高，部分漸變的深灰色在頁面上所占用的面積也不少，另一點睛色黑色的作用就是使明度色階跨度加深、明確，整個頁面呈現灰蒙蒙的感覺得以減弱。
　　
　　結論：
　　該頁面整個看起來也可以說只有兩種色彩搭配，即非色彩系黑白灰和色彩系紅色，頁面顯得非常簡潔而含蓄。點睛色的加入減少了非色調淺灰色有可能產生的單調感覺。

TAG: 網頁設計 | web design |