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

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

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

網(wǎng)頁安全色

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

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

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

1399947532.gif

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

色彩模式

RGB色彩模式

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

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

CMYK色彩模式

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

索引色彩模式

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

灰度模式

灰度模式:用單一色調(diào)表現(xiàn)圖像,一個像素的顏色用八位元來表示,一共可表現(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)模式的圖像過程中,可以對色調(diào)進行編輯,產(chǎn)生特殊的效果.使用雙色調(diào)的重要用途之一是使用盡量少的顏色表現(xiàn)盡量多的顏色層次,減少印刷成本。

位圖模式

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

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

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

廣告

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

成都做網(wǎng)站