網(wǎng)頁給人的第印象來自于視覺，在網(wǎng)頁設(shè)計(jì)中，合適的色彩能給網(wǎng)頁作品帶來鮮活的生命力。它既是界面設(shè)計(jì)的語言，又是視覺信息傳達(dá)的手段和方式，是網(wǎng)頁界面設(shè)計(jì)中不可或缺的重要元素。色彩的選擇和搭配相當(dāng)重要，不同的色彩搭配產(chǎn)生不同的效果，從而呈現(xiàn)給訪問者以不同的視覺效果，吸引訪問者的注意。作為個網(wǎng)頁設(shè)計(jì)者，要在網(wǎng)頁設(shè)計(jì)中靈活、巧妙地運(yùn)用色彩，使網(wǎng)頁達(dá)到各種精彩效果，就必須對色彩的相關(guān)知識有深入的了解。網(wǎng)站制作公司就網(wǎng)頁設(shè)計(jì)師怎樣處理好色彩方面的問題整理出如下幾點(diǎn)基本要素。
【學(xué)習(xí)重點(diǎn)】
◆色彩原理
◆色彩的對比
◆色彩的混合
◆色彩的心理效應(yīng)
◆網(wǎng)頁色彩搭配應(yīng)用
網(wǎng)頁色彩基礎(chǔ)
在五彩繽紛的生活中，色彩賦予了這個世界更多的活力。人對色彩相當(dāng)敏感，在瀏覽個網(wǎng)頁時，最先使訪問者注意的就是網(wǎng)頁的顏色其次才是圖像和文字。下面介紹色彩的相關(guān)原理。
1.色彩形成
色彩的形成離不開光的作用，當(dāng)光刺激眼睛時，就會使視覺產(chǎn)生色彩的概念，也就有了現(xiàn)在的這個被色彩渲染得五顏六色的世界，簡單地說，色彩是一種視知覺，是光作用于眼睛的結(jié)果。如果讓束白光從狹縫射入黑色的房間，并且使光穿過三棱鏡，這時會發(fā)現(xiàn)白光被分離成紅、橙、黃、綠、青、藍(lán)、紫等各種顏色的光，這就是能看到各種不同顏色物體的原因，如圖10.1所示。
網(wǎng)站設(shè)計(jì)色彩處理知識示意圖10.l三棱鏡對白光的分解
當(dāng)被分解的紅、橙、黃、綠、青、藍(lán)、紫等顏色的光再次經(jīng)過三棱鏡時不再發(fā)生光的分解現(xiàn)象，這樣的光就被稱為單色光。而紅色、綠色、藍(lán)色的光被稱為三原色光。自然界的任何色光都可以由定比例的三原色光組合而成，如紅色光和綠色光混和可以產(chǎn)生黃色光，紅色光和藍(lán)色光混和可以產(chǎn)生品紅色光，藍(lán)色光和綠色光混和可以產(chǎn)生青色光，紅橙黃綠青藍(lán)紫光、綠色光、藍(lán)邑光三者等量混和可以產(chǎn)生白色光，如圖10.2所示。
紫紅、黃、藍(lán)綠3種顏色稱為色彩三原色，自然界的任何色彩都可以由定比例的色彩三原色組合而成。理鹼上色彩三原色等量混和可以得到黑色，紫紅色和黃邑混和可以得到紅色，紫紅色和藍(lán)綠色混和可以得到藍(lán)色，藍(lán)綠色和黃色混和可以得到綠色。
2.色彩特征
顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種耀淺不的灰色，而其他所有顏色均屬于彩色。從心理學(xué)和視覺的角度出發(fā)，彩色具有3個屬性：色相、明度、純度（彩度）。明度表現(xiàn)了色彩的源淺，色相表現(xiàn)了色彩的種類，純度表現(xiàn)了色彩的鮮艷程度。
（1）明度(Value)
明度也叫亮度，指顏色的源淺、明暗程度，沒有色相和飽和度的區(qū)別。不同的顏色，反射的光量強(qiáng)弱不，因而會產(chǎn)生不同程度的明暗。非色彩的黑、灰、白較能形象地表達(dá)這特質(zhì)。光量越多，明度越高，反之明度越低。色彩的明度則取決于混色中白色和黑色含量的多少。關(guān)于明度的變化如圖10.3所示。
網(wǎng)站設(shè)計(jì)色彩形成知識示意圖10.3明度變化
在網(wǎng)頁的設(shè)計(jì)中如果底色是黑的，而文字也選用了較源的色彩，那么由于色彩的明度比較接近，訪問者在瀏覽時，眼睛就會感覺很吃力影響瀏覽的效果。當(dāng)然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強(qiáng)，同樣也會使訪問者在瀏覽時感覺到刺眼。國際上日本色研配色體系(PracticalColorCo-ordinateSvstem)用9級來表示明暗，門賽爾則用11級來表示明暗，兩者都用連串?dāng)?shù)字表示明度的增減變化。
【示例l】明度網(wǎng)頁示例截圖如圖10.4所示。
從圖10.4所示的網(wǎng)頁所選取的4個主要色塊的RGB數(shù)值來看，這4塊色彩組合顯示RGB數(shù)值很高，接近于最高值255。RGB相互間數(shù)值相近由于有RG的高數(shù)值與B高數(shù)值混合，整個網(wǎng)頁給人的感覺非常執(zhí)調(diào)，柔和雅致，心情愉悅。
RGB同時呈現(xiàn)相近的高數(shù)值時，相近等量的色彩相互混合，頁面呈高明度灰色段，協(xié)調(diào)的柔和狀態(tài)，令人遐想，對視覺刺激是緩合的適合長時間觀看。但由于數(shù)值接近，因此色階平穩(wěn)，同時存在著不夠醒目的狀態(tài)。博納網(wǎng)絡(luò)關(guān)于網(wǎng)站設(shè)計(jì)對于色彩處理以及其相關(guān)基礎(chǔ)知識本文就分享到這里，在下期的文章中我們會就網(wǎng)站制作如何使用色彩來提高網(wǎng)站的視覺效果進(jìn)行實(shí)操案例分享。謝謝關(guān)注。
