網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——紅色系(8)_網(wǎng)頁(yè)配色教程
配色:紅色 黑色 灰色
→ 紅色配色應(yīng)用網(wǎng)頁(yè)例圖:http:// www.enjo.com.au

這組配色,達(dá)到最高純度的紅色做小面積的使用。雖然這里選取了紅色做為輔助色,但從整個(gè)頁(yè)面的功能和所表達(dá)的主題來(lái)看,紅色可以作為該頁(yè)面的點(diǎn)睛色,強(qiáng)烈的突出了主題。
紅色的數(shù)值顯示,HBS中的H為0度,達(dá)到紅色特性的最高值,S為最高飽和度100%,在明度最低的黑色背景的襯托下,其特性發(fā)揮到極致,頁(yè)面醒目而響亮。
紅色與黑色本是對(duì)比強(qiáng)烈的配色,但由于背景灰色的作用,緩和整個(gè)頁(yè)面的視覺(jué)刺激度。背景色灰色RGB數(shù)值變化不大,因此顏色純度較低、趨于平穩(wěn)柔和,輔助前景內(nèi)容的呈現(xiàn)。
白色讓前景和背景的劃分更明顯,活躍頁(yè)面中的色彩元素。
結(jié)論:
使用面積小的純度高的顏色在非色彩的黑色和灰色上,是產(chǎn)生變化頁(yè)面的顏色,達(dá)到輕易突出主題的目的。
本部分小節(jié):
● 紅色在RGB數(shù)值的R為255左右,HSB數(shù)值的H中為0度左右,達(dá)到紅色最高值。隨著純度的提高、亮度的適度增加,它易于迅速的傳達(dá)、醒目性的特征發(fā)揮得越明顯。和其他顏色一樣,顏色相互混合的越多,明度越低,飽和度越低,視覺(jué)沖擊力越弱。
● 顏色的對(duì)比:對(duì)比色紅色綠色的搭配,紅色的特性發(fā)揮得越明顯。綠葉襯紅花的效果。另外紅與黑的搭配,也較能展現(xiàn)紅色的魅力。
● 根據(jù)主題的需要,除了對(duì)比色的應(yīng)用,還有面積上、位置上的對(duì)比應(yīng)用,也能很好的配合達(dá)到突出主題產(chǎn)品主體物的目的
- 網(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è)配色教程推薦
猜你也喜歡看這些
- 是的,你應(yīng)該用personas
- 網(wǎng)頁(yè)設(shè)計(jì)中的版式原理--比例
- 交互設(shè)計(jì)實(shí)用指南系列(3)—適時(shí)幫助
- 免費(fèi)的Bootstrap網(wǎng)站模版 - Bootstrapper
- Photoshop設(shè)計(jì)簡(jiǎn)潔大方干凈的網(wǎng)頁(yè)界面設(shè)計(jì)教程
- 關(guān)于超鏈接的三個(gè)問(wèn)題
- 首頁(yè)訪問(wèn)感受提升三步曲
- 交互設(shè)計(jì)實(shí)用指南系列(9)—一次點(diǎn)擊 - 交互設(shè)計(jì)
- 網(wǎng)站改版:先沐浴再更衣
- 如何解決IE地址欄前小圖標(biāo)不顯示問(wèn)題
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——紅色系(8)
- 教程說(shuō)明:
網(wǎng)頁(yè)配色教程-網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——紅色系(8)
。