網(wǎng)頁設(shè)計時的灰色頁面配色

從之前的示例可以看出三原色視覺沖擊力最強,也是最刺目的,容易制造沖突、煩燥、不舒適的心情,所以是較難掌握的配色,大面積大范圍使用要慎重。間色是由三原色中的兩色調(diào)配兩次,間于原色和復(fù)色之間,屬于中性色,視覺沖擊力次之,顏色的刺激緩和不少,給人舒適、愉悅的心情,是較容易掌握的配色,也是在設(shè)計中使用得比較多的顏色。復(fù)色是由兩種間色或原色與間色相混合而產(chǎn)生的顏色,呈灰色階,視覺沖擊力更弱,柔和但是使人沉悶壓抑。復(fù)色調(diào)配好了,能體現(xiàn)出高層次、高素養(yǎng)的成熟特性魅力,也稱為高級灰,是很耐看的顏色。因此,顏色相互混合得越多,飽和度越低,視覺沖擊力越弱。

色彩運用到一定程度后,應(yīng)該逐漸認識到在一個環(huán)境、區(qū)域范圍里,色彩的屬性、性能特性是相對的。例如,黃色在藍色、綠色這兩個區(qū)域環(huán)境下,黃色可以說這個時候是呈暖色,而出現(xiàn)在橘紅、朱紅、深紅這幾個區(qū)域環(huán)境下,黃色可以說在這個時候是呈冷色。同樣地,藍色相對綠色是冷色,紫色相對藍色是暖色等??筛鶕?jù)網(wǎng)頁設(shè)計主題的目的要求、環(huán)境協(xié)調(diào)度的需要等做相應(yīng)的搭配調(diào)整。

RGB三者的數(shù)值越接近,色階較趨于直線平穩(wěn),呈灰階,網(wǎng)頁對視覺的刺激性越緩慢、柔和;RGB三者的數(shù)值相互間差距越大,色階曲線波動就大,網(wǎng)頁對視覺的刺激性越迅速、強烈。

HSB數(shù)值中SB相應(yīng)數(shù)值越高,視覺刺激度越強烈。抓住以上這些規(guī)律及色彩特性,在以后的網(wǎng)頁設(shè)計配色中,根據(jù)不同的需要配置不同的顏色,來達到某些不同的目的和效果。通過RGB數(shù)值和HSB數(shù)值的計算,有助于更科學(xué)理性的分析判斷,更準(zhǔn)確地研究分析網(wǎng)頁設(shè)計配色的協(xié)調(diào)性、合理性,掌握其規(guī)律性。有經(jīng)驗的設(shè)計師通常僅僅憑目測、直覺,就能隨心所欲地掌控色彩的配置。

灰色介于黑色和白色之間,中性色、中等明度、無色彩、極低色彩的顏色。

灰色能夠吸收其他色彩的活力,削弱色彩的對立面,能夠制造出融合的作用?;疑彩且环N中立色,具有中庸、平凡、溫和、謙讓、中立和高雅的心理感受,也被稱為高級灰,是經(jīng)久不衰、最耐看的顏色。

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

從色彩學(xué)上分析,灰色調(diào)又泛指所有含灰色度的復(fù)合色,而復(fù)合色又是3種以上顏色的調(diào)和色。

色彩可以有紅灰、黃灰、藍灰等上萬種彩色灰,這都是灰色調(diào),而并不單指純正的灰色。

【示例】明度淺灰色示例截圖如圖所示。

32c4b72a6123160db5c772c1181c24f1.jpg

【分析】

017b5efc75629d970588e790d62d80dd.jpg

從頁面所呈現(xiàn)的明度色調(diào)來看,整個頁面偏淺灰色調(diào),柔美高雅的灰調(diào)子。主色調(diào)及背景色是接近于明度白色且非常淺的灰調(diào),輔色調(diào)的灰調(diào)子明度上較主色調(diào)稍深些,另一輔色調(diào)為白色。

RGB模式顯示點睛色紅色R217及G9來看不是正紅色,在如此灰調(diào)子的頁面來看,如果不參考RGB模式肉眼幾乎看不出來。如果沒有點睛色的加入,整個頁面呈毫無生氣的灰色系,略有些臟的感覺,平淡且乏味,沒能使大家對它產(chǎn)生過多的印象。紅色的特性把以上的這些平淡的感受打破了,讓人愿意細品灰色所帶來的悠長韻味。

HSB模式的B也能看出淺灰色在明度上較高,部分漸變的深灰色在頁面上所占用的面積也不少,另一點睛色黑色的作用就是使明度色階跨度加深、明確,整個頁面呈現(xiàn)灰蒙蒙的感覺得以減弱。

【點評】從整體上看,該頁面看起來只有兩種色彩搭配,即非色彩系黑白灰和色彩系紅色,頁面顯得非常簡潔而含蓄。點睛色的加入減少了非色調(diào)淺灰色有可能產(chǎn)生的單調(diào)感覺。

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:0871-63535511(點擊可一鍵撥號)