網(wǎng)頁設計配色系列簡析

網(wǎng)頁設計配色系列簡析

ID:19515163

大小:29.22 KB

頁數(shù):9頁

時間:2018-10-03

網(wǎng)頁設計配色系列簡析_第1頁
網(wǎng)頁設計配色系列簡析_第2頁
網(wǎng)頁設計配色系列簡析_第3頁
網(wǎng)頁設計配色系列簡析_第4頁
網(wǎng)頁設計配色系列簡析_第5頁
資源描述:

《網(wǎng)頁設計配色系列簡析》由會員上傳分享,免費在線閱讀,更多相關內(nèi)容在行業(yè)資料-天天文庫。

1、網(wǎng)頁設計配色系列簡析一、網(wǎng)頁設計配色系列簡析--基礎部分網(wǎng)頁設計配色基礎:RGB與HSB 在實用美術(shù)中,常有"遠看色彩近看花,先看顏色后看花,七分顏色三分花"的說法。這說明,在任何設計中,色彩對視覺的刺激起到第一信息傳達的作用。因此,對色彩的基礎知識的良好掌控,在網(wǎng)頁設計中才能做到游刃有余。為了使下面的網(wǎng)頁配色分析更易于理解,我們先來了解色彩的RGB模式和HSB模式?!鯮GBRGB是表示紅綠藍又稱為三原色光,英文為R(Red)、G(Green)、B(Blue),在電腦中,RGB的所謂"多少"就是指亮度,并使用整數(shù)來表示。通常情況下,RGB各有

2、256級亮度,用數(shù)字表示從0至255。雖然數(shù)字最高是255,但0也是數(shù)值之一,因此共256級。按照計算,256級的RGB色彩總共能組合出約1678萬種色彩,即256×256×256=16777216。通常也被簡稱為1600萬色或千萬色。也稱為24位色(2的24次方)。對于單獨的R或G或B而言,當數(shù)值為0時,代表這種顏色不發(fā)光;如果為255,則該顏色為最高亮度。因此當RGB三種色光都發(fā)到最強的亮度,純白的RGB值就為255,255,255。屏幕上黑的RGB值是0,0,0。R,意味著只有紅色存在,且亮度最強,G和B都不發(fā)光。因此最紅色的數(shù)值是25

3、5,0,0。同理,最綠色就是0,255,0;而最藍色就是0,0,255。黃色較特殊,是由紅色加綠色而得就是255,255,0。純白色數(shù)值為R255,G255,B255純黑色數(shù)值為R0,G0,B0紅色數(shù)值為R255,G0,B0綠色數(shù)值為R0,G255,B0藍色數(shù)值為R0,G0,B255黃色數(shù)值為R255,G255,B0  RGB模式是顯示器的物理色彩模式。這就意味著無論在軟件中使用何種色彩模式,只要是在顯示器上顯示的,圖像最終就是以RGB方式出現(xiàn)?!  鯤SB  是顏色分為色相、飽和度、明度三個因素。英文為H(Hue)、S(Saturation

4、)B(Brightness)飽和度高色彩較艷麗,和度低色彩就接近灰色,度高色彩明亮,亮度低色彩暗淡,亮度最高得到純白,最低得到純黑。一般淺色的飽和度較低亮度較高,而深色的飽和度高而亮度低。網(wǎng)頁設計配色基礎:色彩三屬性與實例剖析初學者對色彩的屬性和原色概念模糊,容易混淆,下面就先從幾個概念入手,紹色彩的三個屬性?! ☆伾梢苑譃榉遣噬筒噬珒纱箢?。非彩色指黑色、白色和各種深淺不一的灰色,而其他所有顏色均屬于彩色。從心理學和視覺的角度出發(fā),彩色具有三個屬性:色相、明度、純度(彩度)。基本色相環(huán)■色相(Hue):  也叫色調(diào),指顏色的種類和名稱,是

5、指顏色的基本特征,是一種顏色區(qū)別于其他顏色的因素。色相和色彩的強弱及明暗沒有關系,只是純粹表示色彩相貌的差異。如紅、黃、綠、藍、紫等為不同的基本色相?! 雒鞫龋╒alue):也叫亮度,指顏色的深淺、明暗程度,沒有色相和飽和度的區(qū)別。不同的顏色,反射的光量強弱不一,因而會產(chǎn)生不同程度的明暗。非色彩的黒、灰、白較能形象的表達這一特質(zhì)?!∶鞫鹊倪f增明度分析:  從上圖所選取的4個主要色塊的RGB數(shù)值來看,RGB數(shù)值很高,接近于最高值255。RGB相互間的數(shù)值相近,由于有RG的高數(shù)值與B高數(shù)值混合,整個網(wǎng)頁給人的感覺非常協(xié)調(diào),柔和雅致,心情愉悅。結(jié)論

6、:  RGB同時呈現(xiàn)相近的高數(shù)值時,相近等量的色彩相互混合,頁面呈高明度灰色段,協(xié)調(diào)的柔和狀態(tài),令人遐想,對視覺刺激是緩慢的,適合長時間觀看。但由于數(shù)值接近,因此色階平穩(wěn),同時存在著不夠醒目的狀態(tài)?!黾兌?Chroma):也叫飽和度,指色彩的鮮艷程度。原色最純,顏色的混合越多則純度逐漸減低。如某一鮮亮的顏色,加入了白色或者黑色,使得它的純度低,顏色趨于柔和、沉穩(wěn)。加入黑色的純度變化加入白色的純度變化純度分析:  上圖選取了主要的兩種色系。運用HBS數(shù)值模式更易于理解分析該網(wǎng)頁的純度情況?! ∥覀兛吹剿{色S數(shù)值99%具有相當高的飽和度,B明度為

7、79%,玫瑰色S飽和度數(shù)值為85%,B明度為97%。當飽和度和明度同時呈最高值時,色彩對視覺的刺激強度到達最高狀態(tài)。由于藍色的明度稍低,飽和度較高,而玫瑰色的明度較高,該顏色純度隨之加強,因此玫瑰色相對藍色對人的視覺刺激更強烈。結(jié)論:  HSB模式中S和B數(shù)值越高,飽和度明度越高,頁面色彩強烈艷麗,對視覺刺激是迅速的,醒目的效果,但不易于長時間的觀看。以上兩種顏色的S數(shù)值接近,是強烈的狀態(tài)。H顯示的是代表在色輪表里某個角度所呈現(xiàn)的色相狀態(tài),相對于SB來說,意義不大。常用配色基本概念及精彩相關實例剖析前面介紹了常用的電腦色彩模式RGB、HSB,

8、以及色彩的三大屬性,今介紹常用配色的基本概念和相關實例剖析。色環(huán)色環(huán)是色彩按紅、黃、綠、藍、紅依次過度漸變呈現(xiàn)出來的不同顏色,就可以得到一個色彩環(huán)。色環(huán)通常包括12

當前文檔最多預覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當前文檔最多預覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學公式或PPT動畫的文件,查看預覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負責整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細閱讀文檔內(nèi)容,確認文檔內(nèi)容符合您的需求后進行下載,若出現(xiàn)內(nèi)容與標題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。