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




