網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用——色彩的對(duì)比_網(wǎng)頁(yè)配色教程
為了使網(wǎng)頁(yè)的整體畫面呈現(xiàn)穩(wěn)定協(xié)調(diào)的感覺(jué),以便充分的把握其規(guī)律來(lái)更好的分析學(xué)習(xí),上次我們介紹了視覺(jué)角色主次位置的幾個(gè)概念,本節(jié)我們介紹色彩的對(duì)比。
對(duì)比與調(diào)和就是形式美的變化與統(tǒng)一規(guī)律
在一定條件下,不同色彩之間的對(duì)比會(huì)有不同的效果。在不同的環(huán)境下,多色彩給人一種印象,色彩單一給人另一種印象。
各種純色的對(duì)比會(huì)產(chǎn)生鮮明的色彩效果,很輕易給人帶來(lái)視覺(jué)與心理的滿足。紅、黃、藍(lán)三種顏色是最極端的色彩,它們之間對(duì)比,哪一種顏色也無(wú)法影響對(duì)方。
很多朋友都以為色彩對(duì)比主要是紅綠、橙藍(lán)、黃紫色的對(duì)比,實(shí)際色彩對(duì)比范疇不局限于這些。是指各種色彩的界面構(gòu)成中的面積、外形、位置以及色相、明度、純度之間的差別,使網(wǎng)頁(yè)色彩配合增添了許多變化、頁(yè)面更加豐富多彩。
色彩的對(duì)比規(guī)律大致有以下幾點(diǎn):
■ 色相對(duì)比
是指因色相之間的差別形成的對(duì)比。當(dāng)主色相確定后,必須考慮其他色彩與主色相是什么關(guān)系,要表現(xiàn)什么內(nèi)容及效果等,這樣才能增強(qiáng)其表現(xiàn)力。不同色相對(duì)比取得的效果有所不同,兩色越接近,對(duì)比效果越柔和。越接近補(bǔ)色,對(duì)比效果越強(qiáng)烈。
→ 色相對(duì)比網(wǎng)頁(yè)例圖:http://www.portfolios.com
色相對(duì)比分析:
主要是以綠色與藍(lán)色之間的色相對(duì)比。從HSB數(shù)值上可看出嫩綠色的S純度高B亮度也很高,因此艷麗的顏色作為背景與前景純度稍低的墨綠和轱藍(lán)色形成色相之間的對(duì)比。前景的墨綠雖然純度達(dá)到最高值100%,比主色調(diào)高不少,但是因?yàn)榱炼鹊停虼松曙@示沒(méi)有主色調(diào)明艷。
結(jié)論:
該頁(yè)面色相的對(duì)比,主要作用于前景與背景的對(duì)比、局部與整體的對(duì)比。
■ 明度對(duì)比
明度對(duì)比可分為:彩色差的明度對(duì)比及非彩色差的明度對(duì)比
是指色彩之間明暗程度的差別而形成的對(duì)比。是頁(yè)面形成恰當(dāng)?shù)暮�、白、灰效果的主要手段。明度�?duì)比在視覺(jué)上對(duì)色彩層次和空間關(guān)系影響較大。例如檸檬黃明度高,藍(lán)紫色的明度低,橙色和綠色屬中明度,紅色與藍(lán)色屬中低明度。
→ 明度對(duì)比網(wǎng)頁(yè)例圖:http://www.dior.com
明度對(duì)比分析:(非彩色差)
嚴(yán)格來(lái)說(shuō),該頁(yè)面應(yīng)該是黑白灰色非色彩構(gòu)成,攝影圖片中的人物衣服為灰色,相對(duì)單純的黑白對(duì)比柔和舒適于視覺(jué)。能使頁(yè)面顯得更單純、統(tǒng)一,形成另一道獨(dú)特的風(fē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ì)比配色和相近配色
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用——色彩的對(duì)比
- 教程說(shuō)明:
網(wǎng)頁(yè)配色教程-網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用——色彩的對(duì)比
。