網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黃色系(4)_網(wǎng)頁(yè)配色教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
→ 黃色低純度配色應(yīng)用網(wǎng)頁(yè)例圖:www.luckystarcafe.com
低純度黃色配色(黃色 藍(lán)色)分析:
該頁(yè)面是屬于純度較低的多組配色頁(yè)面,配色難度似乎較大,但是按主色調(diào)、輔助色、點(diǎn)睛色來(lái)細(xì)細(xì)分析就會(huì)發(fā)現(xiàn)輕易多了。
主色調(diào)的中黃色,從RGB數(shù)值B明度48來(lái)看,提高了明度,RGB數(shù)值的變化HSB也相應(yīng)變化,該色調(diào)純度降低,黃色的刺眼特性相應(yīng)緩和。
該頁(yè)面輔助色比較多,這里選了主要的三種淺黃、淺藍(lán)、棕紅色,明度純度不同的變化來(lái)分析。淺黃色的RGB三個(gè)數(shù)值接近,因此呈現(xiàn)偏灰的柔和狀態(tài)。正藍(lán)色的RGB數(shù)值R為0,G為255,B為255,該藍(lán)色RGB數(shù)值上看,混合了R紅色11,G的綠色數(shù)值較低,B藍(lán)色的數(shù)值較高,因此飽和度降低,顏色呈淺色調(diào)。棕紅色的RGB的三數(shù)值上看,R的數(shù)值最高為124,加入了對(duì)比色G綠色67,因此顏色變暗發(fā)烏,調(diào)入了適量B藍(lán)色24,因此該顏色飽和度亮度降低,也是該頁(yè)面沉穩(wěn)的主要色調(diào),牽制艷度較高的幾種顏色。
點(diǎn)睛色的HSB數(shù)值H色相為356度,幾乎呈正紅色,只是調(diào)入了少許B藍(lán)色18,因此顏色在明度上稍偏暗。另一點(diǎn)睛白色的作用除了提亮整個(gè)頁(yè)面,同時(shí)也突出標(biāo)志圖像。
標(biāo)志是紅色,下面的綠色是紅色的對(duì)比色,目的是突出標(biāo)志的作用,同時(shí)也是黃色與藍(lán)色的中間視覺過(guò)渡色。
結(jié)論:
多種輔助色份量相當(dāng)冷暖搭配時(shí),有飽和度稍低的主色調(diào)牢牢把握住,整個(gè)頁(yè)面輕易調(diào)和。
由于頁(yè)面顏色較豐富,點(diǎn)睛色在這里起到拉開各個(gè)色彩層次的作用,明確主次角色。
本部分小節(jié):
● 黃色是色彩系里明度最高的刺眼顏色,尤其是HSB數(shù)值H色相為60度正黃色時(shí),它的特性越明顯。由于黃色的特性,在頁(yè)面配色的時(shí)候可適當(dāng)添加明度較深的顏色,色階層拉開,并起到協(xié)調(diào)刺眼的艷度作用。黃色飽和度、明度的不同變化傳達(dá)不同的意義和作用。
● 無(wú)論是高純度低純度還是多色彩的頁(yè)面配色,白色起到要害的作用。
● 點(diǎn)睛色不一定就是非常顯眼的顏色,也有起到調(diào)和整體頁(yè)面配色的作用。
● 中間色通常被大面積的使用為主色調(diào)、輔助色,是調(diào)和輔助色(有可能是同時(shí)幾種)與點(diǎn)睛色(有可能是幾種)的色彩,是調(diào)和色、調(diào)和方法的要害。
下一部分我們介紹 網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用的第七節(jié)——綠色系。
低純度黃色配色(黃色 藍(lán)色)分析:
該頁(yè)面是屬于純度較低的多組配色頁(yè)面,配色難度似乎較大,但是按主色調(diào)、輔助色、點(diǎn)睛色來(lái)細(xì)細(xì)分析就會(huì)發(fā)現(xiàn)輕易多了。
主色調(diào)的中黃色,從RGB數(shù)值B明度48來(lái)看,提高了明度,RGB數(shù)值的變化HSB也相應(yīng)變化,該色調(diào)純度降低,黃色的刺眼特性相應(yīng)緩和。
該頁(yè)面輔助色比較多,這里選了主要的三種淺黃、淺藍(lán)、棕紅色,明度純度不同的變化來(lái)分析。淺黃色的RGB三個(gè)數(shù)值接近,因此呈現(xiàn)偏灰的柔和狀態(tài)。正藍(lán)色的RGB數(shù)值R為0,G為255,B為255,該藍(lán)色RGB數(shù)值上看,混合了R紅色11,G的綠色數(shù)值較低,B藍(lán)色的數(shù)值較高,因此飽和度降低,顏色呈淺色調(diào)。棕紅色的RGB的三數(shù)值上看,R的數(shù)值最高為124,加入了對(duì)比色G綠色67,因此顏色變暗發(fā)烏,調(diào)入了適量B藍(lán)色24,因此該顏色飽和度亮度降低,也是該頁(yè)面沉穩(wěn)的主要色調(diào),牽制艷度較高的幾種顏色。
點(diǎn)睛色的HSB數(shù)值H色相為356度,幾乎呈正紅色,只是調(diào)入了少許B藍(lán)色18,因此顏色在明度上稍偏暗。另一點(diǎn)睛白色的作用除了提亮整個(gè)頁(yè)面,同時(shí)也突出標(biāo)志圖像。
標(biāo)志是紅色,下面的綠色是紅色的對(duì)比色,目的是突出標(biāo)志的作用,同時(shí)也是黃色與藍(lán)色的中間視覺過(guò)渡色。
結(jié)論:
多種輔助色份量相當(dāng)冷暖搭配時(shí),有飽和度稍低的主色調(diào)牢牢把握住,整個(gè)頁(yè)面輕易調(diào)和。
由于頁(yè)面顏色較豐富,點(diǎn)睛色在這里起到拉開各個(gè)色彩層次的作用,明確主次角色。
本部分小節(jié):
● 黃色是色彩系里明度最高的刺眼顏色,尤其是HSB數(shù)值H色相為60度正黃色時(shí),它的特性越明顯。由于黃色的特性,在頁(yè)面配色的時(shí)候可適當(dāng)添加明度較深的顏色,色階層拉開,并起到協(xié)調(diào)刺眼的艷度作用。黃色飽和度、明度的不同變化傳達(dá)不同的意義和作用。
● 無(wú)論是高純度低純度還是多色彩的頁(yè)面配色,白色起到要害的作用。
● 點(diǎn)睛色不一定就是非常顯眼的顏色,也有起到調(diào)和整體頁(yè)面配色的作用。
● 中間色通常被大面積的使用為主色調(diào)、輔助色,是調(diào)和輔助色(有可能是同時(shí)幾種)與點(diǎn)睛色(有可能是幾種)的色彩,是調(diào)和色、調(diào)和方法的要害。
下一部分我們介紹 網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用的第七節(jié)——綠色系。
相關(guān)網(wǎng)頁(yè)配色教程:
- 網(wǎng)站配色指南-互聯(lián)網(wǎng)的色彩心理學(xué)
- 網(wǎng)頁(yè)設(shè)計(jì)配色基礎(chǔ)分析:RGB與HSB
- 網(wǎng)頁(yè)設(shè)計(jì)色彩搭配寶藍(lán)色的介紹
- 看圖學(xué)配色藝術(shù),學(xué)習(xí)設(shè)計(jì)
- 學(xué)習(xí)HTML的一些關(guān)于顏色方面的參考
- 網(wǎng)頁(yè)配色:正文中國(guó)傳統(tǒng)色彩名錄
- 韓國(guó)在線配色網(wǎng)頁(yè)
- 網(wǎng)頁(yè)設(shè)計(jì)配色:原色
- 網(wǎng)頁(yè)設(shè)計(jì)配色:和色
- 網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黑色系
- 主流web2.0網(wǎng)站的配色參考方案
- 網(wǎng)站設(shè)計(jì)中的對(duì)比配色和相近配色
網(wǎng)頁(yè)配色教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)配色教程推薦
- 網(wǎng)頁(yè)設(shè)計(jì)中排版與布局小基礎(chǔ)
- 網(wǎng)頁(yè)設(shè)計(jì)配色精彩十例
- 網(wǎng)站基本配色——清爽
- 網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用——色彩的對(duì)比
- 網(wǎng)頁(yè)設(shè)計(jì)配色基礎(chǔ)分析:RGB與HSB
- 五彩繽紛建網(wǎng)頁(yè)(2)色彩的基本知識(shí)
- 十五個(gè)網(wǎng)頁(yè)設(shè)計(jì)師不可缺少的網(wǎng)頁(yè)配色資源網(wǎng)站
- 五彩繽紛建網(wǎng)頁(yè)(1)
- 自然界的色彩搭配與界面設(shè)計(jì)
- 網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——綠色系
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黃色系(4)
- 教程說(shuō)明:
網(wǎng)頁(yè)配色教程-網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黃色系(4)
。