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

      1. 網頁設計中的黑色頁面配色(二)

        • 2020-02-25 10:27:51
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

        大黑色

        【示例】黑色背景應用網頁示例截圖如圖所示。

        1.jpg

        【分析】在網頁設計中,背景黑色下,除了白色,還有其他3種顏色綠色、紫色、紅色分布在不同的位置。其中綠色和紫色雖然被稱之為輔助色,但它們使用的面積仍然不多,只是相對于點睛色紅色來說。綠色主要是用于文字方面,紫色用于圖形方面,所指向的分工明確。從RGB模式RGB 3個數值上看到紫色混合數值上較接近,因此純度降低,相對于綠色、紅色來說為中間色,色彩性能上呈低調緩和狀態。

        從HSB模式S數值來看,綠色雖然純度上比紅色稍低些,也許是因為使用面積較多的原因,看起來似乎比紅色醒目些。紅色在這里主要起到的是點明目前所屬的狀態這一功能性作用,在黑色的背景下盡管使用面積非常小,但依舊容易被瀏覽者注意到。

        【點評】在網頁設計時,黑色的背景下所使用的顏色面積雖然不多,但由于黑色這一襯托放大的特性,其他顏色較容易引起瀏覽者的注意,充分發揮其設計意圖。

        黑白+淺灰

        【示例】黑白淺灰配色網頁示例截圖如圖所示。

        2.jpg

        【分析】該頁面無論從設計上還是配色上都非常簡潔,主要是以黑白文字為重點,背后的白黑色塊面粗、白色邊框線條無不是為了突出前景文字的作用。從RGB數值都是234來看,255為白色,背景色234只是在明度上稍做變化得到的淺灰色。背景的淺灰色把前景的白黑對視覺的刺激力變得柔和協調很多。雖為背景灰色,實際在整個頁面配色作用上起到了點睛之筆,使得頁面煥發出另外一種神秘且特殊的氣息。

        【點評】該頁面設計風格極其簡約,除了方形塊面邊框,沒有多余的圖形修飾,主要是以文字的大小粗細、疏密間距排版為設計元素。淺灰色的加入讓本來具強烈沖突色的黑白變得素雅些了,也頗具高層次格調許多。

        黑色+少彩色

        【示例】黑色+少量彩色配色應用網頁示例截圖如圖所示。

        11209e5298bb2ba754f0d200b97cc0fc.jpg

        【分析】該頁面以黑色為主色調,雖然多了不少顏色的加入,但是由于使用面積都較少,除了少許修飾外主要運用于功能文字方面的強調。

        輔助色為藍色,正藍色的HSB模式中H是240,目前該頁面顯示的是215,可看出色相上稍向綠色靠攏,S93%和B43%來看純度和明度都不高,因此該藍色在黑色上顯示不明顯。點睛色主要都運用在文字功能上,紅色幾乎是正紅,由于降低了純度和明度,該顏色不明顯。綠色H數值為149,正綠色為120,色相上稍向藍色傾斜,純度和明度不高,因此該顏色也不明顯。

        【點評】在網站建設時,低純度低飽和度的色彩在黑色背景下,較易使整體色彩達到統一的目的,顏色變得柔和而含蓄。

        當前文章標題:網頁設計中的黑色頁面配色(二)

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

        上一篇:網頁設計中的黑色頁面配色

        下一篇:其他黑色配色在網頁設計中的示例

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