基本配色實例分析

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

紅黃藍三原色配色

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

【示例1】

黃色網(wǎng)頁示例截圖如圖所示。

c8ecb86f6192199b35f10ceb3315fe42.jpg

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

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


【示例2】紅色網(wǎng)頁示例截圖如圖所示。

148ad23ddae42b91a8bc4f01dfbd7760.jpg

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

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


【示例3】藍色網(wǎng)頁示例截圖如圖所示。

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

15b6c98726697162d8575d8fe46e640f.jpg

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

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