網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黃色系(2)_網(wǎng)頁(yè)配色教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
→ 中黃色應(yīng)用網(wǎng)頁(yè)例圖: www.totshop.com
中黃色系分析:
背景中黃色上點(diǎn)綴多種艷度較高的顏色,都是屬于跳躍的顏色,渲染整個(gè)網(wǎng)站的熱鬧環(huán)境氣氛,符合該網(wǎng)站的設(shè)計(jì)主題。
從HSB數(shù)值上看,該中黃色的明度和飽和度呈最高值,屬于明亮刺眼的顏色。輔助色是黃綠色和紅色,黃綠色在中黃背景下呈冷色調(diào),輕快單薄的亮色;紅色的HSB數(shù)值H色相上看是正紅色,明度稍低,這里屬于厚重沉穩(wěn)的顏色,在中黃色背景下呈現(xiàn)暖色調(diào);背景中黃色在黃綠色和紅色兩者中這時(shí)呈中間色,是很好的整體頁(yè)面視覺(jué)過(guò)渡色。
加之商品圖片多種亮艷的色澤混合在同一頁(yè)面上,點(diǎn)睛色白色在這里起到了調(diào)和多種顏色的作用,減少、透氣于整個(gè)頁(yè)面的多種配色噪音。
結(jié)論:
當(dāng)背景色起到中間色的作用時(shí),頁(yè)面少量冷暖色彩搭配較輕易調(diào)和。
通常商品網(wǎng)站志在渲染熱鬧氣氛,比較適合活潑跳躍、色彩絢麗的配色方案,但色彩的調(diào)和難度較大。
→ 黃綠色調(diào)網(wǎng)頁(yè)例圖: www.jpggrupo.com.ar

黃綠色調(diào)分析:
主色調(diào)為黃綠色,單純而看,黃綠色是通常的暖色的起始色、色彩中亮度最高的黃色與冷色的起始色、綠色相結(jié)合而得,因此該顏色看起來(lái)非常明快清新。
處于輔助色的非色彩黑色,中間的點(diǎn)綴色是主色調(diào)黃綠色,很輕易讓人一時(shí)以為該顏色就是點(diǎn)睛色。實(shí)際主色調(diào)黃綠色的明度非常高,飽和度這時(shí)也很高,在明度最低的黑色襯映下就異常顯眼。
背景色使用略有些漸變的效果,正是黃綠和黑(灰)顏色的柔和過(guò)渡,頁(yè)面調(diào)和。
點(diǎn)睛色在這里混色較多,RGB、HSB數(shù)值差距都不大,因此顏色偏灰色階,仔細(xì)分析是黃綠色與少許黑色混合而得,起到了調(diào)和背景色與輔助色明度差異過(guò)大的作用。
結(jié)論:
點(diǎn)睛色可以是少許刺眼的顏色,也可以是少許協(xié)調(diào)于視覺(jué)的混合灰色,無(wú)論是刺眼的顏色還是謙遜沉穩(wěn)的灰色,都是不可缺少的角色,有著不可替代的作用。
整個(gè)頁(yè)面配色較單純,只有三種色,非色彩來(lái)說(shuō)分別起到黑(輔助黑)白(主色黃綠)灰(點(diǎn)睛混合色)的作用,所以頁(yè)面配色較有層次感,并不顯得單調(diào)。
→ 黃色鄰近色網(wǎng)頁(yè)例圖:www.leerbanen.nl

黃色鄰近色配色(黃色 紅色)分析:
選取的上圖三組色里HSB數(shù)值的B明度雖然都有些變化,但S飽和度分毫沒(méi)有受到影響,仍都呈最高值100%,因此頁(yè)面配色異常刺眼。好在其間有少量不同明度飽和度的紅色系色塊做壓制,頁(yè)面顯得沉穩(wěn)許多,頁(yè)面色彩層次也豐富了許多,塊面交織設(shè)計(jì)富有節(jié)奏韻律美,卻也有雀躍的感覺(jué)。
頁(yè)面照片人物也經(jīng)過(guò)了雙色調(diào)處理,與頁(yè)面色彩風(fēng)格一致。
整個(gè)頁(yè)面屬于明暗反差較大的色調(diào),所以頁(yè)面響亮明快,極賦視覺(jué)沖擊力、感染力。
結(jié)論:
刺眼的顏色有深色塊壓制,也是很好的調(diào)和方法。
該頁(yè)面里的不少小色塊混合了暗灰色,因此頁(yè)面飽和度刺激程度得到少許降低并調(diào)和。
同類(lèi)色系、類(lèi)似色系不同純度明度的深淺變化搭配,增添現(xiàn)代美感。
中黃色系分析:
背景中黃色上點(diǎn)綴多種艷度較高的顏色,都是屬于跳躍的顏色,渲染整個(gè)網(wǎng)站的熱鬧環(huán)境氣氛,符合該網(wǎng)站的設(shè)計(jì)主題。
從HSB數(shù)值上看,該中黃色的明度和飽和度呈最高值,屬于明亮刺眼的顏色。輔助色是黃綠色和紅色,黃綠色在中黃背景下呈冷色調(diào),輕快單薄的亮色;紅色的HSB數(shù)值H色相上看是正紅色,明度稍低,這里屬于厚重沉穩(wěn)的顏色,在中黃色背景下呈現(xiàn)暖色調(diào);背景中黃色在黃綠色和紅色兩者中這時(shí)呈中間色,是很好的整體頁(yè)面視覺(jué)過(guò)渡色。
加之商品圖片多種亮艷的色澤混合在同一頁(yè)面上,點(diǎn)睛色白色在這里起到了調(diào)和多種顏色的作用,減少、透氣于整個(gè)頁(yè)面的多種配色噪音。
結(jié)論:
當(dāng)背景色起到中間色的作用時(shí),頁(yè)面少量冷暖色彩搭配較輕易調(diào)和。
通常商品網(wǎng)站志在渲染熱鬧氣氛,比較適合活潑跳躍、色彩絢麗的配色方案,但色彩的調(diào)和難度較大。
→ 黃綠色調(diào)網(wǎng)頁(yè)例圖: www.jpggrupo.com.ar

黃綠色調(diào)分析:
主色調(diào)為黃綠色,單純而看,黃綠色是通常的暖色的起始色、色彩中亮度最高的黃色與冷色的起始色、綠色相結(jié)合而得,因此該顏色看起來(lái)非常明快清新。
處于輔助色的非色彩黑色,中間的點(diǎn)綴色是主色調(diào)黃綠色,很輕易讓人一時(shí)以為該顏色就是點(diǎn)睛色。實(shí)際主色調(diào)黃綠色的明度非常高,飽和度這時(shí)也很高,在明度最低的黑色襯映下就異常顯眼。
背景色使用略有些漸變的效果,正是黃綠和黑(灰)顏色的柔和過(guò)渡,頁(yè)面調(diào)和。
點(diǎn)睛色在這里混色較多,RGB、HSB數(shù)值差距都不大,因此顏色偏灰色階,仔細(xì)分析是黃綠色與少許黑色混合而得,起到了調(diào)和背景色與輔助色明度差異過(guò)大的作用。
結(jié)論:
點(diǎn)睛色可以是少許刺眼的顏色,也可以是少許協(xié)調(diào)于視覺(jué)的混合灰色,無(wú)論是刺眼的顏色還是謙遜沉穩(wěn)的灰色,都是不可缺少的角色,有著不可替代的作用。
整個(gè)頁(yè)面配色較單純,只有三種色,非色彩來(lái)說(shuō)分別起到黑(輔助黑)白(主色黃綠)灰(點(diǎn)睛混合色)的作用,所以頁(yè)面配色較有層次感,并不顯得單調(diào)。
→ 黃色鄰近色網(wǎng)頁(yè)例圖:www.leerbanen.nl

黃色鄰近色配色(黃色 紅色)分析:
選取的上圖三組色里HSB數(shù)值的B明度雖然都有些變化,但S飽和度分毫沒(méi)有受到影響,仍都呈最高值100%,因此頁(yè)面配色異常刺眼。好在其間有少量不同明度飽和度的紅色系色塊做壓制,頁(yè)面顯得沉穩(wěn)許多,頁(yè)面色彩層次也豐富了許多,塊面交織設(shè)計(jì)富有節(jié)奏韻律美,卻也有雀躍的感覺(jué)。
頁(yè)面照片人物也經(jīng)過(guò)了雙色調(diào)處理,與頁(yè)面色彩風(fēng)格一致。
整個(gè)頁(yè)面屬于明暗反差較大的色調(diào),所以頁(yè)面響亮明快,極賦視覺(jué)沖擊力、感染力。
結(jié)論:
刺眼的顏色有深色塊壓制,也是很好的調(diào)和方法。
該頁(yè)面里的不少小色塊混合了暗灰色,因此頁(yè)面飽和度刺激程度得到少許降低并調(diào)和。
同類(lèi)色系、類(lèi)似色系不同純度明度的深淺變化搭配,增添現(xiàn)代美感。
相關(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í)例剖析——黃色系(2)
- 教程說(shuō)明:
網(wǎng)頁(yè)配色教程-網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黃色系(2)
。