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

      1. 基本配色實例分析

        • 2020-02-12 16:13:14
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

        在實用美術中,常有“遠看色彩近看花,先看顏色后看花,七分顏色三分花”的說法。這也就說明,在網頁設計中,色彩對視覺的刺激起到第一信息傳達的作用。因此,對色彩的基礎知識的良好掌控,在網頁設計中才能做到游刃有余。

        紅黃藍三原色配色

        原色也叫“三原色”,即紅、黃、藍3種基本顏色。自然界中的色彩種類繁多,變化豐富,但這3種顏色卻是最基本的原色,原色是其他顏色調配不出來的。在網站建設是,除白色外,把三原色相互混合,可以調和出其他種顏色。根據三原色的特性做出相應的色彩搭配,有最迅速、最有力、最強烈的傳達視覺信息效果。

        【示例1】

        黃色網頁示例截圖如圖所示。

        c8ecb86f6192199b35f10ceb3315fe42.jpg

        【分析】R 255 G 255 B 0 H 60 S 100% B100%選取了主色調黃色為示例,RGB數值中RG呈現較高值255和255時,HSB數值中的SB也呈現最高值100%、100%,頁面呈現較高純度亮度:較純黃色。因此黃色在三原色中也是亮度最高的顏色。

        【點評】HSB中SB呈現的數值越高,飽和度明度越高,頁面色彩強烈艷麗,由于黃色是亮度最高的顏色這一特性,也給人視覺產生強烈刺激的狀態,對視覺刺激是迅速的、警戒、醒目的效果,但不易于長時間觀看。


        【示例2】紅色網頁示例截圖如圖所示。

        148ad23ddae42b91a8bc4f01dfbd7760.jpg

        【分析】R 227 G 30 B 40 H 357 S 87% B89%選取了主色調紅色為示例,RGB中R的數值是227,混合了G30、B40,因此紅色的純度輕微降低,顏色稍偏深紅。HSB數值中S顯示的飽和度為87%,B為89%,因此顏色還是較為飽和明亮。

        【點評】主色R227數值較高時,由于混合了G30、B40少許顏色,飽和度明度稍微降低,視覺刺激減弱,紅色特性顯得較沉穩。但由于紅色是最溫暖最有視覺沖擊力的顏色特性,該網頁整體看來仍然厚重而熱烈地表達了主題。


        【示例3】藍色網頁示例截圖如圖所示。

        【分析】R 2 G 83 B 131 H 203 S 98% B 51%選取了主色調藍色為示例,RGB數值中B藍色的數值是131與R2、G83相混合,藍色的純度降低。結合HSB中數值H色相目前顯示的是203°,而三原色的純藍為240°來看,藍色的色相偏離較大,加上B為51%的明度,顏色偏暗,因此視覺沖擊力較弱。頁面沉穩、凝重。

        15b6c98726697162d8575d8fe46e640f.jpg

        【點評】當藍色色相偏離于三原色的純藍時,視覺沖擊力削弱。頁面呈沉穩、平靜的感受。藍色在三原色里是視覺傳遞速度最慢的顏色特性,適合用于表達成熟、穩重、安靜的網頁設計主題。在網頁設計里藍色也是使用得較頻繁的顏色。

        當前文章標題:基本配色實例分析

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

        上一篇:網頁色彩對比(二)

        下一篇:網頁設計時的間色、復色、補色

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