網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——綠色系(7)_網(wǎng)頁配色教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
→ 綠色對(duì)比色網(wǎng)頁例圖:http://www.fitintercambio.com.br
綠色系分析:(對(duì)比色配色:綠色 紅色)
主色調(diào)是有點(diǎn)黃色傾向的綠色,從HSB數(shù)值上可以看到H為98度,綠色特性較明顯了。
輔助色則是三個(gè)淺色系,起到調(diào)和整個(gè)頁面色彩的作用。粉紅和粉綠色分別取的是頁面綠色紅色通過提高明度而得,因此整個(gè)頁面色彩前后呼應(yīng)、配色調(diào)和。
點(diǎn)睛色紅色的HBS模式H數(shù)值351度,在色輪表上偏向于紫色方位,因此傾向于冷紅色,色度上稍有些刺目和艷麗。
主色調(diào)綠色和點(diǎn)睛色紅色所放置的位置,讓頁面導(dǎo)航區(qū)域和內(nèi)容區(qū)域視覺引導(dǎo)較為分明:主色調(diào)綠色的設(shè)計(jì)亮點(diǎn)既用于導(dǎo)航又很流暢自然的融合到背景,渾然一體;這里尤其是點(diǎn)睛色紅色放置于背景的處理很獨(dú)到,烘托突出于前景內(nèi)容,在眾多網(wǎng)頁設(shè)計(jì)中并不多見。
結(jié)論:
整個(gè)頁面的配色取色于標(biāo)志色,量身定做的感覺。
適當(dāng)?shù)倪\(yùn)用對(duì)比色有強(qiáng)調(diào)的感覺,但頁面配色處理上并不強(qiáng)烈、刺眼,因?yàn)槭褂昧税咨捌湎鄳?yīng)的提高明度的粉色做視覺的緩和處理。
本部分小節(jié):
● 綠色是緩和健康的顏色, HSB數(shù)值H色相為120度時(shí)是正綠色。大家通過以上的網(wǎng)頁實(shí)例可以看到,偏向于黃色方位的綠色運(yùn)用得最多,也就更受到大眾的歡迎。純正的正綠色在視覺感受上可能稍微顯得有些色度較低的生硬,配色難度稍大。不同的黃綠色飽和度、明度的不同變化可以表達(dá)不同主題的頁面效果。
● 點(diǎn)睛色可以是幾種,也可以是不同對(duì)比色的組合,有的起到豐富并活躍頁面配色的視覺節(jié)奏,有的起到調(diào)和整體頁面配色的作用。
輔助色通常是同類色系或者鄰近色系,起到輔助并烘托主色調(diào)的作用。輔色調(diào)和主色調(diào)分別在不同的頁面做為唯一高純度色的時(shí)候,能夠起到拯救于整個(gè)頁面發(fā)灰的作用。
● 當(dāng)整個(gè)頁面配色明度太高色度降低時(shí)候,頁面輕易呈現(xiàn)發(fā)灰的感覺,可以適當(dāng)?shù)氖褂蒙僭S純度較高或者明度較低的色系來加以改善。
下一節(jié)我們介紹《網(wǎng)頁設(shè)計(jì)配色系列簡(jiǎn)析——應(yīng)用部分》的第八節(jié)——藍(lán)色系
綠色系分析:(對(duì)比色配色:綠色 紅色)
主色調(diào)是有點(diǎn)黃色傾向的綠色,從HSB數(shù)值上可以看到H為98度,綠色特性較明顯了。
輔助色則是三個(gè)淺色系,起到調(diào)和整個(gè)頁面色彩的作用。粉紅和粉綠色分別取的是頁面綠色紅色通過提高明度而得,因此整個(gè)頁面色彩前后呼應(yīng)、配色調(diào)和。
點(diǎn)睛色紅色的HBS模式H數(shù)值351度,在色輪表上偏向于紫色方位,因此傾向于冷紅色,色度上稍有些刺目和艷麗。
主色調(diào)綠色和點(diǎn)睛色紅色所放置的位置,讓頁面導(dǎo)航區(qū)域和內(nèi)容區(qū)域視覺引導(dǎo)較為分明:主色調(diào)綠色的設(shè)計(jì)亮點(diǎn)既用于導(dǎo)航又很流暢自然的融合到背景,渾然一體;這里尤其是點(diǎn)睛色紅色放置于背景的處理很獨(dú)到,烘托突出于前景內(nèi)容,在眾多網(wǎng)頁設(shè)計(jì)中并不多見。
結(jié)論:
整個(gè)頁面的配色取色于標(biāo)志色,量身定做的感覺。
適當(dāng)?shù)倪\(yùn)用對(duì)比色有強(qiáng)調(diào)的感覺,但頁面配色處理上并不強(qiáng)烈、刺眼,因?yàn)槭褂昧税咨捌湎鄳?yīng)的提高明度的粉色做視覺的緩和處理。
本部分小節(jié):
● 綠色是緩和健康的顏色, HSB數(shù)值H色相為120度時(shí)是正綠色。大家通過以上的網(wǎng)頁實(shí)例可以看到,偏向于黃色方位的綠色運(yùn)用得最多,也就更受到大眾的歡迎。純正的正綠色在視覺感受上可能稍微顯得有些色度較低的生硬,配色難度稍大。不同的黃綠色飽和度、明度的不同變化可以表達(dá)不同主題的頁面效果。
● 點(diǎn)睛色可以是幾種,也可以是不同對(duì)比色的組合,有的起到豐富并活躍頁面配色的視覺節(jié)奏,有的起到調(diào)和整體頁面配色的作用。
輔助色通常是同類色系或者鄰近色系,起到輔助并烘托主色調(diào)的作用。輔色調(diào)和主色調(diào)分別在不同的頁面做為唯一高純度色的時(shí)候,能夠起到拯救于整個(gè)頁面發(fā)灰的作用。
● 當(dāng)整個(gè)頁面配色明度太高色度降低時(shí)候,頁面輕易呈現(xiàn)發(fā)灰的感覺,可以適當(dāng)?shù)氖褂蒙僭S純度較高或者明度較低的色系來加以改善。
下一節(jié)我們介紹《網(wǎng)頁設(shè)計(jì)配色系列簡(jiǎn)析——應(yīng)用部分》的第八節(jié)——藍(lán)色系
相關(guān)網(wǎng)頁配色教程:
- 網(wǎng)站配色指南-互聯(lián)網(wǎng)的色彩心理學(xué)
- 網(wǎng)頁設(shè)計(jì)配色基礎(chǔ)分析:RGB與HSB
- 網(wǎng)頁設(shè)計(jì)色彩搭配寶藍(lán)色的介紹
- 看圖學(xué)配色藝術(shù),學(xué)習(xí)設(shè)計(jì)
- 學(xué)習(xí)HTML的一些關(guān)于顏色方面的參考
- 網(wǎng)頁配色:正文中國傳統(tǒng)色彩名錄
- 韓國在線配色網(wǎng)頁
- 網(wǎng)頁設(shè)計(jì)配色:原色
- 網(wǎng)頁設(shè)計(jì)配色:和色
- 網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黑色系
- 主流web2.0網(wǎng)站的配色參考方案
- 網(wǎng)站設(shè)計(jì)中的對(duì)比配色和相近配色
網(wǎng)頁配色教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁配色教程推薦
猜你也喜歡看這些
- Robots Meta標(biāo)簽及其用法
- 記事本風(fēng)格的分欄設(shè)計(jì)
- 網(wǎng)頁設(shè)計(jì)中圖片展現(xiàn)形式的思考
- 注冊(cè)登錄界面設(shè)計(jì)的八種錯(cuò)誤表現(xiàn)
- 網(wǎng)絡(luò)界面設(shè)計(jì)中的批判性思維
- HTML絕對(duì)路徑和相對(duì)路徑
- 扁平化設(shè)計(jì):你在這趨勢(shì)中收獲了什么?
- 企業(yè)網(wǎng)站的錘煉,讓你的網(wǎng)站更像專業(yè)的網(wǎng)站
- 響應(yīng)式的炫彩2013中國節(jié)日大全桌面及其移動(dòng)設(shè)備日歷
- 界面設(shè)計(jì)表達(dá)需要注意尺度
- 相關(guān)鏈接:
復(fù)制本頁鏈接| 搜索網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——綠色系(7)
- 教程說明:
網(wǎng)頁配色教程-網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——綠色系(7)
。
