常用配色基本概念及精相關(guān)彩實(shí)例剖析_網(wǎng)頁(yè)配色教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
在實(shí)用美術(shù)中,常有"遠(yuǎn)看色彩近看花,先看顏色后看花,七分顏色三分花"的說(shuō)法。
這也就說(shuō)明,在任何設(shè)計(jì)中,色彩對(duì)視覺(jué)的刺激起到第一信息傳達(dá)的作用。因此,對(duì)色彩的基礎(chǔ)知識(shí)的良好掌控,在網(wǎng)頁(yè)設(shè)計(jì)中才能做到游刃有余。
前面我們介紹了常用的電腦色彩模式RGB、HSB,以及色彩的三大屬性,今天我們介紹常用配色的基本概念和相關(guān)實(shí)例剖析。
黃色分析:
選取了主色調(diào)黃色為示例。我們看到RGB數(shù)值中RG呈現(xiàn)最高值255時(shí),HSB數(shù)值中的SB也呈現(xiàn)最高值100%,頁(yè)面呈現(xiàn)最高純度亮度——純黃色。因此黃色在三原色中也是亮度最高的顏色。
結(jié)論:
HSB中SB呈現(xiàn)的數(shù)值越高,飽和度明度越高,頁(yè)面色彩強(qiáng)烈艷麗,由于黃色是亮度最高的顏色這一特性,也給人視覺(jué)產(chǎn)生強(qiáng)烈刺激的狀態(tài),對(duì)視覺(jué)刺激是迅速的、警戒、醒目的效果,但不易于長(zhǎng)時(shí)間觀看。
紅色分析:
我們看到RGB中R的數(shù)值是227,混合了G30、B40,因此紅色的純度稍微降低,顏色稍偏深紅。HSB數(shù)值中S顯示的飽和度為87%,B為89%,因此顏色還是較為飽和明亮。
結(jié)論:
主色R227數(shù)值較高的時(shí)候,由于混合了G30、B40少許顏色,飽和度明度稍微降低,視覺(jué)刺激減弱,紅色特性顯得較沉穩(wěn)。但由于紅色是最暖和最有視覺(jué)沖擊力的顏色特性,該網(wǎng)頁(yè)整體看來(lái)仍然厚重而熱烈的表達(dá)了主題。
藍(lán)色分析:
RGB數(shù)值中B藍(lán)色的數(shù)值是131與 R2、G83相混合,藍(lán)色的純度降低。結(jié)合HSB中數(shù)值H色相目前顯示的是203°,而三原色的純藍(lán)為240°來(lái)看,藍(lán)色的色相偏離較大,加上B為51%的明度,顏色偏暗,因此視覺(jué)沖擊力較弱。頁(yè)面沉穩(wěn)、凝重。
結(jié)論:
當(dāng)藍(lán)色色相偏離于三原色的純藍(lán)時(shí),視覺(jué)沖擊力削弱。頁(yè)面呈沉穩(wěn)、平靜的感受。藍(lán)色在三原色里是視覺(jué)傳遞速度最慢的顏色特性,適合用于表達(dá)成熟、穩(wěn)重、安靜的網(wǎng)頁(yè)設(shè)計(jì)主題。藍(lán)色在網(wǎng)頁(yè)設(shè)計(jì)里也是使用得較頻繁的顏色。
這也就說(shuō)明,在任何設(shè)計(jì)中,色彩對(duì)視覺(jué)的刺激起到第一信息傳達(dá)的作用。因此,對(duì)色彩的基礎(chǔ)知識(shí)的良好掌控,在網(wǎng)頁(yè)設(shè)計(jì)中才能做到游刃有余。
前面我們介紹了常用的電腦色彩模式RGB、HSB,以及色彩的三大屬性,今天我們介紹常用配色的基本概念和相關(guān)實(shí)例剖析。
色環(huán)是色彩按紅、黃、綠、藍(lán)、紅依次過(guò)度漸變呈現(xiàn)出來(lái)的不同顏色,就可以得到一個(gè)色彩環(huán)。色環(huán)通常包括12種不同的顏色。 |
■ 原色: 也叫"三原色"。即紅、黃、藍(lán)三種基本顏色。自然界中的色彩種類繁多,變化豐富,但這三種顏色卻是最基本的原色,原色是其他顏色調(diào)配不出來(lái)的。除白色外,把三原色相互混合,可以調(diào)和出其他種顏色。 根據(jù)三原色的特性做出相應(yīng)的色彩搭配,有最迅速最有力最強(qiáng)烈的傳達(dá)視覺(jué)信息效果。 |
| → 黃色網(wǎng)頁(yè)例圖:http://www.uni-leipzig.de/studienart/i_flash.htm |
![]() |
選取了主色調(diào)黃色為示例。我們看到RGB數(shù)值中RG呈現(xiàn)最高值255時(shí),HSB數(shù)值中的SB也呈現(xiàn)最高值100%,頁(yè)面呈現(xiàn)最高純度亮度——純黃色。因此黃色在三原色中也是亮度最高的顏色。
結(jié)論:
HSB中SB呈現(xiàn)的數(shù)值越高,飽和度明度越高,頁(yè)面色彩強(qiáng)烈艷麗,由于黃色是亮度最高的顏色這一特性,也給人視覺(jué)產(chǎn)生強(qiáng)烈刺激的狀態(tài),對(duì)視覺(jué)刺激是迅速的、警戒、醒目的效果,但不易于長(zhǎng)時(shí)間觀看。
| → 紅色網(wǎng)頁(yè)例圖:http://www.doritos.com |
![]() |
我們看到RGB中R的數(shù)值是227,混合了G30、B40,因此紅色的純度稍微降低,顏色稍偏深紅。HSB數(shù)值中S顯示的飽和度為87%,B為89%,因此顏色還是較為飽和明亮。
結(jié)論:
主色R227數(shù)值較高的時(shí)候,由于混合了G30、B40少許顏色,飽和度明度稍微降低,視覺(jué)刺激減弱,紅色特性顯得較沉穩(wěn)。但由于紅色是最暖和最有視覺(jué)沖擊力的顏色特性,該網(wǎng)頁(yè)整體看來(lái)仍然厚重而熱烈的表達(dá)了主題。
| → 藍(lán)色網(wǎng)頁(yè)例圖:http://www.voxhon.com |
![]() |
RGB數(shù)值中B藍(lán)色的數(shù)值是131與 R2、G83相混合,藍(lán)色的純度降低。結(jié)合HSB中數(shù)值H色相目前顯示的是203°,而三原色的純藍(lán)為240°來(lái)看,藍(lán)色的色相偏離較大,加上B為51%的明度,顏色偏暗,因此視覺(jué)沖擊力較弱。頁(yè)面沉穩(wěn)、凝重。
結(jié)論:
當(dāng)藍(lán)色色相偏離于三原色的純藍(lán)時(shí),視覺(jué)沖擊力削弱。頁(yè)面呈沉穩(wěn)、平靜的感受。藍(lán)色在三原色里是視覺(jué)傳遞速度最慢的顏色特性,適合用于表達(dá)成熟、穩(wěn)重、安靜的網(wǎng)頁(yè)設(shè)計(jì)主題。藍(lán)色在網(wǎng)頁(yè)設(shè)計(jì)里也是使用得較頻繁的顏色。
相關(guān)網(wǎng)頁(yè)配色教程:
- 網(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)鏈接:
- 教程說(shuō)明:
網(wǎng)頁(yè)配色教程-常用配色基本概念及精相關(guān)彩實(shí)例剖析
。




