資源描述：
《一、網(wǎng)頁設(shè)計(jì)配色系列簡(jiǎn)析--基礎(chǔ)部分》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、一、網(wǎng)頁設(shè)計(jì)配色系列簡(jiǎn)析--基礎(chǔ)部分網(wǎng)頁設(shè)計(jì)配色基礎(chǔ)：RGB與HSB 在實(shí)用美術(shù)中，常有"遠(yuǎn)看色彩近看花，先看顏色后看花，七分顏色三分花"的說法。這說明，在任何設(shè)計(jì)中，色彩對(duì)視覺的刺激起到第一信息傳達(dá)的作用。因此，對(duì)色彩的基礎(chǔ)知識(shí)的良好掌控，在網(wǎng)頁設(shè)計(jì)中才能做到游刃有余。為了使下面的網(wǎng)頁配色分析更易于理解，我們先來了解色彩的RGB模式和HSB模式?！鯮GBRGB是表示紅綠藍(lán)又稱為三原色光，英文為R(Red)、G(Green)、B(Blue)，在電腦中，RGB的所謂"多少"就是指亮度，并使用整數(shù)來表示。通常情況下，RGB各有256級(jí)亮度，用數(shù)字表示從0至255。雖然數(shù)字最高是255，但0也是數(shù)
2、值之一，因此共256級(jí)。按照計(jì)算，256級(jí)的RGB色彩總共能組合出約1678萬種色彩，即256×256×256＝16777216。通常也被簡(jiǎn)稱為1600萬色或千萬色。也稱為24位色(2的24次方)。對(duì)于單獨(dú)的R或G或B而言，當(dāng)數(shù)值為0時(shí)，代表這種顏色不發(fā)光；如果為255，則該顏色為最高亮度。因此當(dāng)RGB三種色光都發(fā)到最強(qiáng)的亮度，純白的RGB值就為255,255,255。屏幕上黑的RGB值是0,0,0。R，意味著只有紅色存在，且亮度最強(qiáng)，G和B都不發(fā)光。因此最紅色的數(shù)值是255,0,0。同理，最綠色就是0,255,0；而最藍(lán)色就是0,0,255。黃色較特殊，是由紅色加綠色而得就是255，255
3、，0。純白色數(shù)值為R255,G255,B255純黑色數(shù)值為R0,G0,B0紅色數(shù)值為R255,G0,B0綠色數(shù)值為R0,G255,B0藍(lán)色數(shù)值為R0,G0,B255黃色數(shù)值為R255,G255,B0 RGB模式是顯示器的物理色彩模式。這就意味著無論在軟件中使用何種色彩模式，只要是在顯示器上顯示的，圖像最終就是以RGB方式出現(xiàn)?！ 鯤SB 是顏色分為色相、飽和度、明度三個(gè)因素。英文為H(Hue)、S（Saturation）B（Brightness)飽和度高色彩較艷麗，和度低色彩就接近灰色，度高色彩明亮，亮度低色彩暗淡，亮度最高得到純白，最低得到純黑。一般淺色的飽和度較低亮度較高，而深色的
4、飽和度高而亮度低。網(wǎng)頁設(shè)計(jì)配色基礎(chǔ)：色彩三屬性與實(shí)例剖析初學(xué)者對(duì)色彩的屬性和原色概念模糊，容易混淆，下面就先從幾個(gè)概念入手，紹色彩的三個(gè)屬性?！ ☆伾梢苑譃榉遣噬筒噬珒纱箢?。非彩色指黑色、白色和各種深淺不一的灰色，而其他所有顏色均屬于彩色。從心理學(xué)和視覺的角度出發(fā)，彩色具有三個(gè)屬性：色相、明度、純度（彩度）?；旧喹h(huán)■色相（Hue）： 也叫色調(diào)，指顏色的種類和名稱，是指顏色的基本特征，是一種顏色區(qū)別于其他顏色的因素。色相和色彩的強(qiáng)弱及明暗沒有關(guān)系，只是純粹表示色彩相貌的差異。如紅、黃、綠、藍(lán)、紫等為不同的基本色相。 ■明度（Value）：也叫亮度，指顏色的深淺、明暗程度，沒有色相和飽
5、和度的區(qū)別。不同的顏色，反射的光量強(qiáng)弱不一，因而會(huì)產(chǎn)生不同程度的明暗。非色彩的黒、灰、白較能形象的表達(dá)這一特質(zhì)?！∶鞫鹊倪f增明度分析： 從上圖所選取的4個(gè)主要色塊的RGB數(shù)值來看，RGB數(shù)值很高，接近于最高值255。RGB相互間的數(shù)值相近，由于有RG的高數(shù)值與B高數(shù)值混合，整個(gè)網(wǎng)頁給人的感覺非常協(xié)調(diào)，柔和雅致，心情愉悅。結(jié)論： RGB同時(shí)呈現(xiàn)相近的高數(shù)值時(shí)，相近等量的色彩相互混合，頁面呈高明度灰色段，協(xié)調(diào)的柔和狀態(tài)，令人遐想，對(duì)視覺刺激是緩慢的，適合長時(shí)間觀看。但由于數(shù)值接近，因此色階平穩(wěn)，同時(shí)存在著不夠醒目的狀態(tài)?！黾兌?Chroma）：也叫飽和度，指色彩的鮮艷程度。原色最純，顏色的混
6、合越多則純度逐漸減低。如某一鮮亮的顏色，加入了白色或者黑色，使得它的純度低，顏色趨于柔和、沉穩(wěn)。加入黑色的純度變化加入白色的純度變化純度分析： 上圖選取了主要的兩種色系。運(yùn)用HBS數(shù)值模式更易于理解分析該網(wǎng)頁的純度情況?！ ∥覀兛吹剿{(lán)色S數(shù)值99％具有相當(dāng)高的飽和度，B明度為79%，玫瑰色S飽和度數(shù)值為85%，B明度為97％。當(dāng)飽和度和明度同時(shí)呈最高值時(shí)，色彩對(duì)視覺的刺激強(qiáng)度到達(dá)最高狀態(tài)。由于藍(lán)色的明度稍低，飽和度較高，而玫瑰色的明度較高，該顏色純度隨之加強(qiáng)，因此玫瑰色相對(duì)藍(lán)色對(duì)人的視覺刺激更強(qiáng)烈。結(jié)論： HSB模式中S和B數(shù)值越高，飽和度明度越高，頁面色彩強(qiáng)烈艷麗，對(duì)視覺刺激是迅速的，
7、醒目的效果，但不易于長時(shí)間的觀看。以上兩種顏色的S數(shù)值接近，是強(qiáng)烈的狀態(tài)。H顯示的是代表在色輪表里某個(gè)角度所呈現(xiàn)的色相狀態(tài)，相對(duì)于SB來說，意義不大。常用配色基本概念及精彩相關(guān)實(shí)例剖析前面介紹了常用的電腦色彩模式RGB、HSB，以及色彩的三大屬性，今介紹常用配色的基本概念和相關(guān)實(shí)例剖析。色環(huán)是色彩按紅、黃、綠、藍(lán)、紅依次過度漸變呈現(xiàn)出來的不同顏色，就可以得到一個(gè)色彩環(huán)。色環(huán)通常包括12種不同的顏色。色環(huán)三原色
