基本配色實(shí)例分析

  • 2020-02-12 16:13:14
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://supportcoffeeroasters.com

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

紅黃藍(lán)三原色配色

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

【示例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時(shí),HSB數(shù)值中的SB也呈現(xiàn)最高值100%、100%,頁面呈現(xiàn)較高純度亮度:較純黃色。因此黃色在三原色中也是亮度最高的顏色。

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


【示例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%,因此顏色還是較為飽和明亮。

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


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

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

15b6c98726697162d8575d8fe46e640f.jpg

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

當(dāng)前文章標(biāo)題:基本配色實(shí)例分析

當(dāng)前URL:http://supportcoffeeroasters.com/news/wzzz/3161.html

上一篇:網(wǎng)頁色彩對(duì)比(二)

下一篇:網(wǎng)頁設(shè)計(jì)時(shí)的間色、復(fù)色、補(bǔ)色

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