網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黃色系_網(wǎng)頁配色教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
文章要害字:網(wǎng)頁配色
黃色是陽光的色彩,具有活潑與輕快的特點(diǎn),給人十分年輕的感覺。象征光明、希望、高貴、愉快。淺黃色表示柔弱,灰黃色表示病態(tài)。它的亮度最高,和其他顏色配合很活潑,有溫曖感,具有快樂、希望、聰明和輕快的個(gè)性,有希望與功名等象征意義。黃色也代表著土地、象征著權(quán)力,并且還具有神秘的宗教色彩。
黃色的性格冷漠、高傲、敏感、具有擴(kuò)張和不安寧的視覺印象。
淺黃色系明朗、愉快、希望、發(fā)展,它的雅致,清爽屬性,較適合用于女性及化妝品類網(wǎng)站。
中黃色有崇高,尊貴,輝煌、注重、擴(kuò)張的心理感受。
深黃色給人高貴、暖和、內(nèi)斂、穩(wěn)重的心理感受。
下面我們根據(jù)黃色系不同屬性鄰近色、同類色的高純度低純度色彩搭配做不同的舉例分析。 → 黃色系網(wǎng)頁例圖:www.bernhardwolff.com
黃色系分析:
黃色是所有彩色中明度最高的顏色。上圖看到HSB模式的H數(shù)值是60度,正是正黃色,但RGB數(shù)值中加入了B藍(lán)色數(shù)值為51,因此降低了HSB的飽和度S為80%,但是大面積的 黃色仍使得該頁面色彩明亮顯眼。
輔助色是純黑色,非色彩明度最低的顏色。
大面積顯眼的正黃色有黑色的線條壓制,黃色頓時(shí)顯得沉穩(wěn),頁面增添內(nèi)容感。
白色雖然是點(diǎn)睛色,但由于非色彩的白色與黃色的明度最高,因此這里似乎沒有起到"點(diǎn)睛"的作用。
結(jié)論:
當(dāng)鮮度、明度高的背景色與前景輔助色暗度低的黑色在明度形成較強(qiáng)烈的對(duì)比時(shí),艷度降低,較能協(xié)調(diào)視覺。
整個(gè)頁面配色單純,卻也不簡(jiǎn)單,形成另一種設(shè)計(jì)風(fēng)格。
→ 黃色同類色網(wǎng)頁例圖:www.paralotna.pl

黃色同類色分析
該頁面的配色很單純,是同類色的黃色不同明度顏色,頁面看起來干凈、單純。
點(diǎn)睛色白色淡黃色在深色黃色背景下比較顯眼,且在最中間位置,是整個(gè)頁面中的高調(diào)部分。
這三種黃色,明度都很高,只有背景輔助色明度稍低,點(diǎn)睛黃色H色相是三種顏色中黃色傾向最高的為57度,而60度是正黃色,因此明度也是最高的,充分的發(fā)揮其點(diǎn)睛色的作用。
背景色和前景色只在色相上明度上有非常微妙的變化,卻也很巧妙,形成了變化較明顯的空間層次感,削弱了同類色易產(chǎn)生的單調(diào)感。點(diǎn)睛色白色讓層次感更明顯。
結(jié)論:
同類色的屬性使得整個(gè)頁面非常和諧,可以根據(jù)不同的主題來設(shè)計(jì)配色。
可以通過明度、飽和度的不同變化來加強(qiáng)頁面配色的層次感。
黃色是陽光的色彩,具有活潑與輕快的特點(diǎn),給人十分年輕的感覺。象征光明、希望、高貴、愉快。淺黃色表示柔弱,灰黃色表示病態(tài)。它的亮度最高,和其他顏色配合很活潑,有溫曖感,具有快樂、希望、聰明和輕快的個(gè)性,有希望與功名等象征意義。黃色也代表著土地、象征著權(quán)力,并且還具有神秘的宗教色彩。
黃色的性格冷漠、高傲、敏感、具有擴(kuò)張和不安寧的視覺印象。
淺黃色系明朗、愉快、希望、發(fā)展,它的雅致,清爽屬性,較適合用于女性及化妝品類網(wǎng)站。
中黃色有崇高,尊貴,輝煌、注重、擴(kuò)張的心理感受。
深黃色給人高貴、暖和、內(nèi)斂、穩(wěn)重的心理感受。
下面我們根據(jù)黃色系不同屬性鄰近色、同類色的高純度低純度色彩搭配做不同的舉例分析。 → 黃色系網(wǎng)頁例圖:www.bernhardwolff.com
黃色系分析:
黃色是所有彩色中明度最高的顏色。上圖看到HSB模式的H數(shù)值是60度,正是正黃色,但RGB數(shù)值中加入了B藍(lán)色數(shù)值為51,因此降低了HSB的飽和度S為80%,但是大面積的 黃色仍使得該頁面色彩明亮顯眼。
輔助色是純黑色,非色彩明度最低的顏色。
大面積顯眼的正黃色有黑色的線條壓制,黃色頓時(shí)顯得沉穩(wěn),頁面增添內(nèi)容感。
白色雖然是點(diǎn)睛色,但由于非色彩的白色與黃色的明度最高,因此這里似乎沒有起到"點(diǎn)睛"的作用。
結(jié)論:
當(dāng)鮮度、明度高的背景色與前景輔助色暗度低的黑色在明度形成較強(qiáng)烈的對(duì)比時(shí),艷度降低,較能協(xié)調(diào)視覺。
整個(gè)頁面配色單純,卻也不簡(jiǎn)單,形成另一種設(shè)計(jì)風(fēng)格。
→ 黃色同類色網(wǎng)頁例圖:www.paralotna.pl

黃色同類色分析
該頁面的配色很單純,是同類色的黃色不同明度顏色,頁面看起來干凈、單純。
點(diǎn)睛色白色淡黃色在深色黃色背景下比較顯眼,且在最中間位置,是整個(gè)頁面中的高調(diào)部分。
這三種黃色,明度都很高,只有背景輔助色明度稍低,點(diǎn)睛黃色H色相是三種顏色中黃色傾向最高的為57度,而60度是正黃色,因此明度也是最高的,充分的發(fā)揮其點(diǎn)睛色的作用。
背景色和前景色只在色相上明度上有非常微妙的變化,卻也很巧妙,形成了變化較明顯的空間層次感,削弱了同類色易產(chǎn)生的單調(diào)感。點(diǎn)睛色白色讓層次感更明顯。
結(jié)論:
同類色的屬性使得整個(gè)頁面非常和諧,可以根據(jù)不同的主題來設(shè)計(jì)配色。
可以通過明度、飽和度的不同變化來加強(qiáng)頁面配色的層次感。
相關(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)頁配色:正文中國(guó)傳統(tǒng)色彩名錄
- 韓國(guó)在線配色網(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)頁配色教程推薦
- 網(wǎng)頁設(shè)計(jì)中排版與布局小基礎(chǔ)
- 網(wǎng)頁設(shè)計(jì)配色精彩十例
- 網(wǎng)站基本配色——清爽
- 網(wǎng)頁設(shè)計(jì)配色應(yīng)用——色彩的對(duì)比
- 網(wǎng)頁設(shè)計(jì)配色基礎(chǔ)分析:RGB與HSB
- 五彩繽紛建網(wǎng)頁(2)色彩的基本知識(shí)
- 十五個(gè)網(wǎng)頁設(shè)計(jì)師不可缺少的網(wǎng)頁配色資源網(wǎng)站
- 五彩繽紛建網(wǎng)頁(1)
- 自然界的色彩搭配與界面設(shè)計(jì)
- 網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——綠色系
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁配色教程-網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黃色系
。