網(wǎng)頁(yè)設(shè)計(jì)中色彩表現(xiàn)原理

2016-09-07    分類: 網(wǎng)站建設(shè)

計(jì)算機(jī)顯示器是由一個(gè)個(gè)被稱為像素的小點(diǎn)構(gòu)成的,利用電子束表現(xiàn)色彩。像素把光的三原色紅、黃、藍(lán)組合成的色彩按照科學(xué)的原理表現(xiàn)出來。一個(gè)像素包含8位元色彩的信息量,有從0-255的256個(gè)單元。0是完全無(wú)光的狀態(tài),255是最明亮的狀態(tài)。

網(wǎng)頁(yè)安全色

了解了網(wǎng)頁(yè)色彩的特性后,就會(huì)知道網(wǎng)頁(yè)中的顏色會(huì)受到各種不同環(huán)境的影響。即使網(wǎng)頁(yè)使用了非常合理,非常漂亮的配色方案,但是如果每個(gè)人瀏覽的時(shí)候看到的效果都各不相同,那么你的配色方案的意愿就不能夠非常好的傳達(dá)給瀏覽者。

那么怎么才能解決這個(gè)問題呢?要解決這個(gè)問題,可以在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候,使用網(wǎng)頁(yè)安全色設(shè)置頁(yè)面。“網(wǎng)頁(yè)安全色”是在不同硬件環(huán)境、不同操作系統(tǒng)、不同瀏覽器中都能夠正常顯示的色彩集合。在設(shè)計(jì)網(wǎng)頁(yè)作品的時(shí)候盡量使用網(wǎng)頁(yè)安全色,這樣才不會(huì)讓瀏覽者看到的效果與設(shè)計(jì)制作時(shí)相差太多,否則原稿和瀏覽者看到的頁(yè)面可能會(huì)出現(xiàn)嚴(yán)重的色彩偏差。

網(wǎng)頁(yè)安全色是當(dāng)紅色、綠色、藍(lán)色顏色數(shù)字信號(hào)值為0、51、102、153、204、255時(shí)構(gòu)成的顏色組合,它一共有6*6*6=216種顏色。

1399947532.gif

216中網(wǎng)頁(yè)安全色在需要實(shí)現(xiàn)高精度的漸變效果或顯示真彩圖像或照片時(shí),會(huì)有一定的欠缺,但是在顯示微標(biāo)或者二位平面效果時(shí),確實(shí)綽綽有余的。不過可以看到很多站點(diǎn)利用其它非網(wǎng)頁(yè)安全色做到了新穎獨(dú)特的設(shè)計(jì)風(fēng)格,所以設(shè)計(jì)者并不需要刻意的追求使用局限在216中網(wǎng)頁(yè)安全色范圍內(nèi)的顏色,而是應(yīng)該更好的搭配使用網(wǎng)頁(yè)安全色和非安全色。

色彩模式

RGB色彩模式

RGB色彩模式使用RGB模型為圖像中每一個(gè)像素的RGB分量分配一個(gè)0~255范圍內(nèi)的強(qiáng)度值。例如:純紅色R值為255,G值為0,B值為0;灰色的R、G、B三個(gè)值相等(除了0和255);白色的R、G、B都為255;黑色的R、G、B都為0。RGB圖像只使用三種顏色,就可以使它們按照不同的比例混合,在屏幕上重現(xiàn)16777216種顏色。

在 RGB 模式下,每種 RGB 成分都可使用從 0(黑色)到 255(白色)的值。 例如,亮紅色使用 R 值 246、G 值 20 和 B 值 50。 當(dāng)所有三種成分值相等時(shí),產(chǎn)生灰色陰影。 當(dāng)所有成分的值均為 255 時(shí),結(jié)果是純白色;當(dāng)該值為 0 時(shí),結(jié)果是純黑色。

CMYK色彩模式

CMYK代表印刷上用的四種顏色,C代表青色(Cyan),M代表洋紅色(Magenta),Y代表黃色(Yellow),K代表黑色(Black)。因?yàn)樵趯?shí)際應(yīng)用中,青色、洋紅色和黃色很難疊加形成真正的黑色,最多不過是褐色而已。因此才引入了K——黑色。黑色的作用是強(qiáng)化暗調(diào),加深暗部色彩。

索引色彩模式

索引顏色模式:如果原圖像中的某種顏色沒有出現(xiàn)在該表中,則程序?qū)⑦x取現(xiàn)有顏色中最接近的一種,或使用現(xiàn)有顏色模擬該顏色。它只支持單通道圖像(8位/像素),因此,我們通過限制調(diào)色板、索引顏色減小文件大小,同時(shí)保持視覺上的品質(zhì)不變——如用于多媒體動(dòng)畫的應(yīng)用或網(wǎng)頁(yè)。

灰度模式

灰度模式:用單一色調(diào)表現(xiàn)圖像,一個(gè)像素的顏色用八位元來表示,一共可表現(xiàn)256階(色階)的灰色調(diào)(含黑和白),也就是256種明度的灰色。是從黑→灰→白的過渡,如同黑白照片。

雙色調(diào)模式

雙色調(diào)模式采用2~4種彩色油墨混合其色階來創(chuàng)建雙色調(diào)(2種顏色)、三色調(diào)(3種顏色)、四色調(diào)(4種顏色)的圖像,在將灰度圖像轉(zhuǎn)換為雙色調(diào)模式的圖像過程中,可以對(duì)色調(diào)進(jìn)行編輯,產(chǎn)生特殊的效果.使用雙色調(diào)的重要用途之一是使用盡量少的顏色表現(xiàn)盡量多的顏色層次,減少印刷成本。

位圖模式

位圖模式:photoshop使用的位圖模式只使用黑白兩種顏色中的一種表示圖像中的像素。位圖模式的圖像也叫做黑白圖像,它包含的信息最少,因而圖像也最小。

本文名稱:網(wǎng)頁(yè)設(shè)計(jì)中色彩表現(xiàn)原理
瀏覽地址:http://www.bm7419.com/news13/43613.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號(hào)、Google、網(wǎng)站制作、定制開發(fā)、移動(dòng)網(wǎng)站建設(shè)品牌網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站