<output id="jbxdv"></output>

      1. 網頁設計中的灰色色彩搭配

        • 2020-02-18 20:41:36
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

        【示例】同類灰色頁面(灰色+橙色)示例截圖如圖所示。

        c46d75266f2593fe6a3afa7753932519.jpg

        【分析】

        5f87a2828aad897481adfe1041419012.jpg

        該頁面在網頁設計時主要以大面積的灰色系列為主,主色調為背景色非常明確。部分灰色只在明度上加深了,增強灰色的空間感。

        從RGB所呈現的均衡數值及HSB模式的HS都為0來看,主色調的淺灰色屬于非常純凈的非色彩,沒有摻雜其他色系進去。而輔色調的兩個模式上就有些差異,HSB模式的H顯示180°色相上偏青藍色,有及其微弱的飽和度,明度也較低。

        點睛色的SB顯示為正橘紅色且飽和度和明度都為100%,應該是及其耀眼的顏色,然而在大面積背景主色調下,此種耀眼的顏色得到緩解,這正是與灰色配色后顯示出灰色最強烈的特性:削弱緩和刺激耀眼的顏色。點睛色橙色和白色點綴下打破了平面平淡的配色格局,眼前頓時一亮的感覺。

        【點評】

        灰色調非色彩所構成的頁面頗具有獨特的魅力,整個頁面呈現出平穩緩和的氣質。兩個點睛色橙色和白色起到調動配色頁面的作用。

        同類色+多彩色

        【示例】灰色搭配應用(同類灰色+多種顏色)網頁設計示例截圖如圖所示。

        7d58415602eb9203b97d93c2d3e78595.jpg

        【分析】

        三十歲.jpg

        這是一個灰色階變化較多的頁面,形成較有節奏塊面分明的韻律美感。這一變化改善了灰色容易形成的呆板單調特性。

        從HSB模式數值來看,主色調、輔色調都是非色彩的正灰色,沒有摻雜其他色彩進去。點睛色黃色、綠色H數值上顯示有些色相偏移都略向暖色色環靠攏,這兩種顏色的特性屬于較顯眼的顏色。另外,兩點睛色粉紅和粉藍色在色相上已經較接近于正色系,明度較高飽和度降低。這4種顏色盡管所使用的面積非常少,但結合了面積上相對使用較多的非色彩白色,讓整個頁面配色雅致的同時不乏生動活躍。

        【點評】在網站建設時,不同灰色背景的變化,前景使用面積較少的純凈色點綴,這幾種顏色還同樣出現在右上角產生平衡色彩的呼應作用,整個頁面產生雅致和諧的視覺美感。

        灰色+對比色

        【示例】灰色與對比色搭配網頁示例截圖如圖所示。

        1.jpg

        【分析】

        22.jpg

        從RGB和HSB模式上可看出主色調不是純正的非色系,里面摻雜了其他色彩,肉眼識別及H色相為32范圍上都能看出含有微弱的黃色調在里面,S13%、B46%分別顯示該種顏色含濃重的灰色,有少量的黃色加入結合整個頁面的配色是比較調和的搭配。輔色調則是運用了比較正的淺灰色。

        點睛色主要是由一組橙色、藍色對比色構成,從雙方的H色相上也能看出來。RGB模式上看到這兩種顏色都或多或少地摻雜了其他的顏色在里面,所以明度純度上呈灰色階傾向。另一點睛色淺黃色相上呈現正黃色,但由于明度非常高因此色彩呈不飽和狀態,盡管如此,在主色調灰色的背景下還是比較突出的。

        【點評】該頁面依舊以灰色為主導位置,雖然主色調灰色少量摻雜了黃色,與頁面其他黃色色彩元素較統一調和。點睛色主要是以兩對比色做主導,相對其他顏色飽和度較高且面積使用得不少,較響亮和突出產品目的。在主色調灰黃色特性掌控下卻也達到醒目又和諧的目的。

        當前文章標題:網頁設計中的灰色色彩搭配

        當前URL:http://www.freenetsites.com/news/wzzz/3165.html

        上一篇:網頁設計時的灰色頁面配色

        下一篇:網頁設計中的灰色色彩搭配(二)

        網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>