網頁設計配色應用實例剖析——黃色系(4)_網頁配色教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
→ 黃色低純度配色應用網頁例圖:www.luckystarcafe.com
低純度黃色配色(黃色 藍色)分析:
該頁面是屬于純度較低的多組配色頁面,配色難度似乎較大,但是按主色調、輔助色、點睛色來細細分析就會發現輕易多了。
主色調的中黃色,從RGB數值B明度48來看,提高了明度,RGB數值的變化HSB也相應變化,該色調純度降低,黃色的刺眼特性相應緩和。
該頁面輔助色比較多,這里選了主要的三種淺黃、淺藍、棕紅色,明度純度不同的變化來分析。淺黃色的RGB三個數值接近,因此呈現偏灰的柔和狀態。正藍色的RGB數值R為0,G為255,B為255,該藍色RGB數值上看,混合了R紅色11,G的綠色數值較低,B藍色的數值較高,因此飽和度降低,顏色呈淺色調。棕紅色的RGB的三數值上看,R的數值最高為124,加入了對比色G綠色67,因此顏色變暗發烏,調入了適量B藍色24,因此該顏色飽和度亮度降低,也是該頁面沉穩的主要色調,牽制艷度較高的幾種顏色。
點睛色的HSB數值H色相為356度,幾乎呈正紅色,只是調入了少許B藍色18,因此顏色在明度上稍偏暗。另一點睛白色的作用除了提亮整個頁面,同時也突出標志圖像。
標志是紅色,下面的綠色是紅色的對比色,目的是突出標志的作用,同時也是黃色與藍色的中間視覺過渡色。
結論:
多種輔助色份量相當冷暖搭配時,有飽和度稍低的主色調牢牢把握住,整個頁面輕易調和。
由于頁面顏色較豐富,點睛色在這里起到拉開各個色彩層次的作用,明確主次角色。
本部分小節:
● 黃色是色彩系里明度最高的刺眼顏色,尤其是HSB數值H色相為60度正黃色時,它的特性越明顯。由于黃色的特性,在頁面配色的時候可適當添加明度較深的顏色,色階層拉開,并起到協調刺眼的艷度作用。黃色飽和度、明度的不同變化傳達不同的意義和作用。
● 無論是高純度低純度還是多色彩的頁面配色,白色起到要害的作用。
● 點睛色不一定就是非常顯眼的顏色,也有起到調和整體頁面配色的作用。
● 中間色通常被大面積的使用為主色調、輔助色,是調和輔助色(有可能是同時幾種)與點睛色(有可能是幾種)的色彩,是調和色、調和方法的要害。
下一部分我們介紹 網頁設計配色應用的第七節——綠色系。
低純度黃色配色(黃色 藍色)分析:
該頁面是屬于純度較低的多組配色頁面,配色難度似乎較大,但是按主色調、輔助色、點睛色來細細分析就會發現輕易多了。
主色調的中黃色,從RGB數值B明度48來看,提高了明度,RGB數值的變化HSB也相應變化,該色調純度降低,黃色的刺眼特性相應緩和。
該頁面輔助色比較多,這里選了主要的三種淺黃、淺藍、棕紅色,明度純度不同的變化來分析。淺黃色的RGB三個數值接近,因此呈現偏灰的柔和狀態。正藍色的RGB數值R為0,G為255,B為255,該藍色RGB數值上看,混合了R紅色11,G的綠色數值較低,B藍色的數值較高,因此飽和度降低,顏色呈淺色調。棕紅色的RGB的三數值上看,R的數值最高為124,加入了對比色G綠色67,因此顏色變暗發烏,調入了適量B藍色24,因此該顏色飽和度亮度降低,也是該頁面沉穩的主要色調,牽制艷度較高的幾種顏色。
點睛色的HSB數值H色相為356度,幾乎呈正紅色,只是調入了少許B藍色18,因此顏色在明度上稍偏暗。另一點睛白色的作用除了提亮整個頁面,同時也突出標志圖像。
標志是紅色,下面的綠色是紅色的對比色,目的是突出標志的作用,同時也是黃色與藍色的中間視覺過渡色。
結論:
多種輔助色份量相當冷暖搭配時,有飽和度稍低的主色調牢牢把握住,整個頁面輕易調和。
由于頁面顏色較豐富,點睛色在這里起到拉開各個色彩層次的作用,明確主次角色。
本部分小節:
● 黃色是色彩系里明度最高的刺眼顏色,尤其是HSB數值H色相為60度正黃色時,它的特性越明顯。由于黃色的特性,在頁面配色的時候可適當添加明度較深的顏色,色階層拉開,并起到協調刺眼的艷度作用。黃色飽和度、明度的不同變化傳達不同的意義和作用。
● 無論是高純度低純度還是多色彩的頁面配色,白色起到要害的作用。
● 點睛色不一定就是非常顯眼的顏色,也有起到調和整體頁面配色的作用。
● 中間色通常被大面積的使用為主色調、輔助色,是調和輔助色(有可能是同時幾種)與點睛色(有可能是幾種)的色彩,是調和色、調和方法的要害。
下一部分我們介紹 網頁設計配色應用的第七節——綠色系。
相關網頁配色教程:
- 相關鏈接:
- 教程說明:
網頁配色教程-網頁設計配色應用實例剖析——黃色系(4)
。