網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——紅色系(6)_網(wǎng)頁(yè)配色教程
對(duì)比色:橙紅色 藍(lán)色
→ 對(duì)比色橙紅色應(yīng)用網(wǎng)頁(yè)例圖:http://www. tostitos.com

嚴(yán)格上來(lái)說(shuō),橙色是藍(lán)色的對(duì)比色,這組對(duì)比色中的橙紅色傾向于紅色。
該頁(yè)面的背景色使用紋理圖形由深至淺的制造空間范圍,模擬真實(shí)環(huán)境。這里的數(shù)值選取其中間色值來(lái)分析,由于背景藍(lán)色B的明度較低,又由于冷色比暖色視覺(jué)傳遞速度慢的特點(diǎn),很適合作為輔助角色突出前景的應(yīng)用。主色調(diào)橙紅色R的數(shù)值達(dá)到最高值255,SB都達(dá)到了最高值100%,視覺(jué)刺激非常強(qiáng)烈,運(yùn)用大面積高純度來(lái)突出藍(lán)色產(chǎn)品主體物,又形成了一次頁(yè)面上的視覺(jué)對(duì)比--背景藍(lán)色與前景橙紅色,前景橙紅色與產(chǎn)品主體物藍(lán)色的二次對(duì)比。
點(diǎn)睛色白色,使這組對(duì)比色在頁(yè)面中表現(xiàn)得更協(xié)調(diào),調(diào)和的作用。
結(jié)論:
顏色的深淺除了能營(yíng)造空間感的效果,也能輔助性的制造主次效果。顏色除了性能對(duì)比,面積對(duì)比、位置安排也是制造主次效果的要害。
這組橙色藍(lán)色對(duì)比色在網(wǎng)頁(yè)上比其他兩組對(duì)比色紅色綠色,黃色紫色應(yīng)用得多,能迅速的傳達(dá)網(wǎng)站主題內(nèi)容、網(wǎng)頁(yè)主體,輕易增添強(qiáng)烈的興奮度,多用于食品、休閑娛樂(lè)、產(chǎn)品等,但卻又是跨越于各行業(yè)的主題網(wǎng)站,適用的范圍非常大
- 網(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í)例剖析——紅色系(6)
- 教程說(shuō)明:
網(wǎng)頁(yè)配色教程-網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——紅色系(6)
。