網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——綠色系(3)_網(wǎng)頁配色教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
→ 同類色淺綠色網(wǎng)頁例圖 :http://shehouse.we.tv
綠色系分析:(同類色淺綠色)
主色調(diào)綠色屬性是明度很高的淺綠色,前面提到過,通常情況下明度高飽和度就降低,飽和度低頁面色彩度就降低,除非顏色本身有自己的特性,加上大面積的輔助色白色,整個(gè)頁面看起來很清淡、柔和、寧靜,甚至有溫馨的感覺。
頁面中使用了漸變的淺綠色,使得整個(gè)頁面視覺上更加柔和舒適。
盡管點(diǎn)睛色只在主要標(biāo)志上出現(xiàn),按鈕也只有少許一點(diǎn),但也給整個(gè)頁面的色彩帶來些亮筆。尤其是紅色的HSB模式的H數(shù)值顯示顏色接近于正紅色,飽和度達(dá)到最高值。另一個(gè)點(diǎn)睛色中黃色,在頁面視覺上呈綠色與紅色這一組對比色起到緩和視覺的作用。因?yàn)樵谏啽砩希S色正是在綠色和紅色之間的過渡色。
結(jié)論:
淺綠色系有優(yōu)雅、休息、安全、和睦、寧靜、柔和的感覺。
漸變的效果更能加深這種印象。但頁面配色上淺色過多時(shí),整個(gè)頁面輕易呈現(xiàn)發(fā)"灰"的感受,這就需要適量的添加純度稍高的顏色例如左下角的輔助色綠色塊,適當(dāng)?shù)孽r艷的點(diǎn)睛都能很好的解決這一問題
綠色系分析:(同類色淺綠色)
主色調(diào)綠色屬性是明度很高的淺綠色,前面提到過,通常情況下明度高飽和度就降低,飽和度低頁面色彩度就降低,除非顏色本身有自己的特性,加上大面積的輔助色白色,整個(gè)頁面看起來很清淡、柔和、寧靜,甚至有溫馨的感覺。
頁面中使用了漸變的淺綠色,使得整個(gè)頁面視覺上更加柔和舒適。
盡管點(diǎn)睛色只在主要標(biāo)志上出現(xiàn),按鈕也只有少許一點(diǎn),但也給整個(gè)頁面的色彩帶來些亮筆。尤其是紅色的HSB模式的H數(shù)值顯示顏色接近于正紅色,飽和度達(dá)到最高值。另一個(gè)點(diǎn)睛色中黃色,在頁面視覺上呈綠色與紅色這一組對比色起到緩和視覺的作用。因?yàn)樵谏啽砩希S色正是在綠色和紅色之間的過渡色。
結(jié)論:
淺綠色系有優(yōu)雅、休息、安全、和睦、寧靜、柔和的感覺。
漸變的效果更能加深這種印象。但頁面配色上淺色過多時(shí),整個(gè)頁面輕易呈現(xiàn)發(fā)"灰"的感受,這就需要適量的添加純度稍高的顏色例如左下角的輔助色綠色塊,適當(dāng)?shù)孽r艷的點(diǎ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ì)中的對比配色和相近配色
網(wǎng)頁配色教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁配色教程推薦
猜你也喜歡看這些
- Robots Meta標(biāo)簽及其用法
- 記事本風(fēng)格的分欄設(shè)計(jì)
- 網(wǎng)頁設(shè)計(jì)中圖片展現(xiàn)形式的思考
- 注冊登錄界面設(shè)計(jì)的八種錯(cuò)誤表現(xiàn)
- 網(wǎng)絡(luò)界面設(shè)計(jì)中的批判性思維
- HTML絕對路徑和相對路徑
- 扁平化設(shè)計(jì):你在這趨勢中收獲了什么?
- 企業(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í)例剖析——綠色系(3)
- 教程說明:
網(wǎng)頁配色教程-網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——綠色系(3)
。
