基本配色實例分析

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

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

紅黃藍三原色配色

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

【示例1】

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

c8ecb86f6192199b35f10ceb3315fe42.jpg

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

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


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

148ad23ddae42b91a8bc4f01dfbd7760.jpg

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

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


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

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

15b6c98726697162d8575d8fe46e640f.jpg

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

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

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

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

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

網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)