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

  • 2020-02-17 18:34:23
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://www.iy5y368.cn

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

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

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

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

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

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

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

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

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

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

32c4b72a6123160db5c772c1181c24f1.jpg

【分析】

017b5efc75629d970588e790d62d80dd.jpg

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

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

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

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

當(dāng)前文章標(biāo)題:網(wǎng)頁設(shè)計(jì)時(shí)的灰色頁面配色

當(dāng)前URL:http://www.iy5y368.cn/news/wzzz/3164.html

上一篇:網(wǎng)頁設(shè)計(jì)時(shí)的鄰近色、同類色以及冷暖色

下一篇:網(wǎng)頁設(shè)計(jì)中的灰色色彩搭配

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號(hào))