關于網頁設計中的顏色 - 網頁設計

http://webdesign.zoapcon.com

顏色在主頁設計中是有相當的戲份的，顏色的取用我想并無什么理論依據的，更多的只是個人的感覺，經驗或是風格，當然也有一些是視覺上的因素。

背景與前景文字，盡可能的避免色彩的亮度，色調，飽和度接近，主要是為了能讓頁面信息能夠正確的被閱讀，（當然有特殊目的除外了）同時要避免高飽和度的文字與明亮的背景配合，這樣可能比較刺眼，如果背景比較暗淡，有時候使用很亮的文字有很好的效果。在使用表格背景色或網頁背景色這類大面積的色塊時，最好使用低飽和度的顏色（視覺上是，看上去不是會發光的顏色）

而如給表格邊框加色時就不必像處理大面積色塊那樣去處理了，但是也要看問一下你的眼睛是不是舒服。

在頁面中不要去用好幾種顏色一般就3-4種差不多了，如果覺得單調了在網頁里加一些照片，這樣在顏色上不會感覺單調了，為了形成一種風格，頁面因該形成一個主色調，不同的頁面，配以不同的輔色調，那樣才不會有單調的感覺。

相關背景資料：顏色表示方法常見的模型包括HSB（表示色相、飽和度、亮度）；RGB（表示紅、綠、藍）；CMYK（表示青、洋紅、黃、黑）；以及CIEL*a*b*。基于人類對顏色的感覺，

HSB模型描述顏色的三個基本特征：

·色相是從物體反射或透過物體傳播的顏色。在0到360度的標準色輪上，色相是按位置度量的。在通常的使用中，色相是由顏色名稱標識的，比如紅、橙或綠色。

·飽和度，有時也稱彩度，是指顏色的強度或純度。飽和度表示色相中灰成分所占的比例，用從0%（灰色）到100%（完全飽和）的百分比來度量。在標準色輪上，從中心向邊緣飽和度是遞增的。

·亮度是顏色的相對明暗程度，通常用從0%（黑）到100%（白）的百分比來度量。

A.飽和度B.色相C.亮度D.所有色相

絕大部分的可見光譜可以用紅、綠和藍(RGB)三色光按不同比例和強度的混合來表示。

因為RGB顏色合成產生白色，它們也叫作加色。將所有顏色加在一起產生白色──也就是說，所有光被反射回眼睛。加色用于光照、視頻和顯示器。例如，顯示器通過紅、綠和藍熒光粉發射光線產生彩色。

加色(RGB)Photoshop的RGB模式使用RGB模型，給彩色圖象中每個象素的RGB分量分配一個從0（黑色）到255（白色）范圍的強度值。例如，一種明亮的紅色可能R值為246，G值為20，B值為50。當三種分量的值相等時，結果是灰色。當所有分量的值都是255時，結果是純白色；而當所有值都是0時，結果是純黑色。
RGB圖象只使用三種顏色，在屏幕上重現多達1,670萬種顏色。RGB圖象為三通道圖象，因此每個象素包含24位(8×3)。計算機顯示器總是使用RGB模型顯示顏色。這意味著在非RGB顏色模式（如CMYK）下工作時，Photoshop會臨時將數據轉換成RGB數據再在屏幕上顯示出現。

CMYK模型以打印在紙張上油墨的光線吸收特性為基礎，當白光照射到半透明油墨上時，部分光譜被吸收，部分被反射回眼睛。理論上，純青色(C)、洋紅(M)和黃色(Y)色素能夠合成吸收所有顏色并產生黑色。由于這個原因，這些顏色叫作減色。因為所有打印油墨都會包含一些雜質，這三種油墨實際上產生一種土灰色，必須與黑色(K)油墨混合才能產生真正的黑色。（使用K而不是B是為了避免與藍色混淆。）將這些油墨混合產生顏色叫作四色印刷。
減色(CMY)和加色(RGB)是互補色，每對減色產生一種加色，反之亦然。

減色(CMYK)

TAG: 網頁設計 | web design |