色彩搭配技術在檢察信息網站設計中的應用

陽勇林

（桂林市疊彩區(qū)人民檢察院，廣西 桂林 541001）

網頁設計中，每一種色彩和色彩組合都有著不同的含義，這些含義本身又有著不計其數的應用方式。色彩的應用方式和搭配方式對檢察信息網站的設計效果有著重要的影響。但在實踐中，網頁色彩的選擇和搭配往往是設計過程中最容易讓人忽視的一個環(huán)節(jié)，因此，在對檢察信息網站的設計過程中，除了要把握網頁的整體風格和布局之外，更要在網頁的色彩應用上下足功夫，讓網頁的用色和檢察信息網站的內容和品味相符，在給人以強烈的視覺效果和深刻的心理感受的同時，更好地烘托出檢察網站的莊重又不失高雅的視覺氛圍。

1 為保證檢察信息網站色調的整體性和統一性可以采用的主色調

網頁設計是技術與藝術的結合，它結合諸多學科領域的知識。在網頁配色方面，設計者無論使用豐富的顏色還是簡單的顏色，都務必要把各種顏色的特性發(fā)揮至極致。一方面，要避免使用枯燥而毫無變化的單一顏色，另一方面也不能在網頁上布施各種不同的顏色，讓網頁陷入花哨輕浮的泥沼【1】。

一個成功的網頁必然會有一種或兩種主色調來明確其主題和所要傳達的信息，它一般是網站標識、標題或者主要菜單的色彩，給人一種整體統一的感覺。而其他的輔助色調即便存在也應在整個網頁中占據較小的比例，只對整個網頁的色彩起到調和的作用。輔助色調通常是跟主色調相臨近的顏色或者直接是主色調的對比色，它唯一的作用就是讓主色調流暢地貫穿整個頁面。

檢察信息網站一般都會采用紅色或者是橙色作為網頁的主色調，紅色是一種充滿激情并且是情感特別強烈的色調，其內涵既可以是勇氣與熱情也可以是力量與自信，它與傳統用色中的藍色、青色等中性色調相比，會給人截然不同的強烈感覺。信息網站可以大量使用紅色，并可以使用紅色醒目標題的獨特設計，會讓紅色的力量與占主導作用的大標題產生共鳴，從而使紅色所代表的信心隱約可見，網站所體現出的自信在其主題上也必然顯露無遺。使用紅色最佳的方式就是濃墨重彩地渲染，輔助色調即便要使用，也要盡量避免沖淡紅色的設計效果，設計者不要擔心大量使用紅色會破壞網站的色調的平衡狀態(tài)，相反，特別醒目的紅色網站元素必將充分反映出網站的信念與權威。

橙色也是一種比較強烈的色調，雖不如紅色那么鮮明和醒目，而且由于其靈活性，缺乏創(chuàng)新的使用很容易讓橙色的應用落入俗套，但應用它絕對極具挑戰(zhàn)性。檢察網站的設計者一旦要考慮使用橙色作為網站的主色調，可以參照紅色調的布置方式，并應該在保證一定的專業(yè)性、嚴肅性和趣味性的同時，營造出一種友好和時尚的氛圍。

當然，也并非一定要使用紅色這種積極、亮眼的色調來作為檢察信息網站的主色調，這樣也不利于區(qū)分各檢察機關信息網站的獨特個性。相反的，在強調激揚共性的同時，也可以使用與兩色截然相反的淡色調來彰顯自己的個性。淡色調不像亮色那樣主動、耀眼，它比較內斂、精妙。能夠讓網站呈現冷靜的姿態(tài)，使人感覺典雅、輕松，給人耳目一新的感覺。表示中性色調的淡青色與淡藍色，以及它們與白色的混搭將是這種色調的代表。使用淡色調可以很容易地突出某個主題，或者網頁的某個部分，即網頁中區(qū)別于淡色調的飽和色調將會很快吸引住瀏覽者的眼球，這是這一風格的重要特點。而且，淡色調特別容易營造一種高雅、樸素的氣氛，特別容易給人留下美好的第一印象。檢察信息網站如果很好地使用了淡色作為主色調，瀏覽者甚至可以透過網頁的淡色調了解到檢察機關謙遜、樸實的一面，打破了那種高高在上的不良形象，從而能使網站更好地貼近民眾。

一般情況下，不考慮采用黑色和灰色作為檢察信息網站的主色調，盡管黑色也是力量感較強的顏色，它的視覺沖擊力也幾乎和紅色一樣強大，由于它所代表的內涵包含邪惡、悲傷、叛逆等負面信息，大面積地使用黑色甚至會造就壓抑恐怖的氛圍。因此，筆者不建議使用黑色作為代表正義、激揚的檢察網站的主色調。此外，灰色、黑色與白色、灰色與白色搭配也不建議作為主色調使用，它們在渲染現代設計和科學技術的情形下使用比較合適，但不利于渲染公平正義的氛圍。

2 在選定主色調后，輔助色的選擇時要注重網站整體色調搭配的穩(wěn)定性和協調性

在計算機中，顏色由一種稱為像素的發(fā)光點構成，每個像素點把光的三原色 R（紅）、G（綠）、B（藍）按照一定科學原理組合成各種色彩，這就是通常所說的RGB顏色模型。一個像素點包含8位（bit）信息量，共可存儲28=256個顏色值，其中0是全暗狀態(tài)，255是全亮狀態(tài)。網頁的安全色彩就是以8位256色為基礎，去除在網頁瀏覽器中表現的40種顏色后所剩下的216種顏色。因此，在設計網頁配色的同時，為了保證所有在設計時的顏色都能在運行時正常顯示，設計者必須使用這216種網頁安全色進行配色。

另一種常用的色彩計算模型被稱為：HSB模型。它采用色度、飽和度和亮度來定義和描述色彩。色度是不同色彩混合后產生的數以萬計種顏色；飽和度是色彩的鮮艷程度和它最大可能的鮮艷程度的比值；亮度是色彩的明亮程度。顏色越不飽和，看起來越淡，飽和度為0時表示完全沒有顏色。把色度、飽和度和亮度結合起來，就可以創(chuàng)造出任何一種肉眼可見的顏色【2】。

要想把各種顏色有效地調和起來，就需要制定一個調色規(guī)則，例如，在用同一色系的色彩著色某種網頁元素時，可以按照只變換色彩的明度或飽和度，或者維持一定的明度和飽和度，只變換色度方法。使用同樣的顏色，變換飽和度差異或明度差異是簡單又有效的配色方法。

在配色中，最重要的莫過于整體的平衡性。例如，為了強調標題使用與標題色對比強烈的圖像或色彩作為標題的背景，用以突顯標題。切忌采用單純色調而沒有明暗對比變化，而且最好有中間輔助的色彩進行襯托，這樣才可以使色彩達到均衡的效果。網頁的色彩不能偏于一方，例如，頁面中間如果有大塊色域，四周就一定要有小色域進行輔助，這樣色彩調配才可以相輔相成，避免整體效果失重【3】。

（1）以紅色為主色調的配色方案

紅色在可視光中的波長是最長的，它使人聯想到火與血，使人熱情高漲，給人強烈的視覺沖擊，是備受矚目和極度吸引人的顏色。它通常象征著熱情、自信、權威等。信息網頁的大標題、網頁主菜單、各功能菜單、和網頁底部的頁腳部分可以考慮使用使用紅色作為主色調，突出網站的力量主題。

紅色與少量黃色相搭配，會使其熱力強盛，趨于躁動、不安，極富動感和張揚的個性。個別需要突出的板塊標題可以使用黃色作為輔助色調，可以很快吸引住瀏覽者的目光使紅色力量得以在黃色區(qū)域得以延伸。

紅色與黑色的搭配在商業(yè)設計中被譽為商業(yè)成功色，是一種經典的搭配方式。在信息網站中黑色所占的成分主要體現在標題字體顏色，正文字體顏色或是標題裝飾性的過度區(qū)域上，黑色作為輔助色使用比作為第二主色調使用更符合信息網站的內涵。此外，紅黑搭配常被用于較前衛(wèi)時尚、彰顯個性的版塊中，信息網站的檢察文化專欄、休閑娛樂版塊等可以考慮使用這樣的配色方式。紅色與灰色、褐色等暗色調搭配使用，給人以現代、激進的感覺。網頁中心區(qū)域可考慮留白，留白部分使用一些灰色色調的元素，將與標題和頁腳的紅色色調形成很好的呼應效果，大方而不失典雅，穩(wěn)重中帶有活波的氛圍。

（2）以橙色為主色調的配色方案

橙色也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時尚等效果。運用得當，信息網站會帶給人一種清新時髦的感覺。

背景以白色為主色調，采用橙色的大標題，各板塊的橙色小標題，一兩個橙色的較少范圍的裝飾性邊框以及橙色的網站標識，個別需要突顯的橙色文本內容加上個別橙色為主色調的標志圖片絕對是一個不錯的配色方案，在這個方案里，其他大面積的文本可以采用深灰色或者深褐色的顏色，點睛之處采用有分量的小面幅黑色背景的圖片可以讓網站營造出一種友好而又專業(yè)的氛圍，網站既可以體現出嚴肅性又不至于讓人感覺到強勢。在這里關鍵要把握運用橙色應適量的問題，雖然橙色在這個方案里作為主色調來使用，但實際上應該給人一種它不是主角的感覺，沒有大塊的橙色，只有遍布頁面的，貫穿整個頁面的整體感覺。如此才不至于讓橙色的主色調設計落入俗套。

另外一個極端的選擇則正好跟上述方案相反，背景可以使用淺黃綠色，頁面大標題和各板塊背景均采用橙色，頁面主菜單和個別需要突顯的文本采用褐色或者棗紅色，其他文本采用深灰色、淺灰色，再配上橙色為主色調的網站標識以及醒目的橙色調的圖片也將是不俗的選擇。在這里，留白顯得尤為重要，而且，在實際運用的過程中使用空心的字體將會起到意想不到的效果。

（3）以淡色為主色調的配色方案

淡色可以有效解除眼睛疲勞，達到緩和緊張、釋放壓力的效果，有很強的中立性，給人安靜祥和的感覺，并讓人感到新鮮，給人希望、明朗的感覺，也給人清新和活力。

使用淡色的一個很大優(yōu)勢在于，可以很容易地突顯網頁的某個部分。也就是說，只需要在頁面上加入一點全飽和色，就會使這個元素立即突顯出來。但這樣的元素也不宜太多，否則會起到喧賓奪主的不良效果，勢必會破壞原有色調的和諧，并會消弱其他元素的顯現程度。

合理地使用淡色調同樣也會取得時尚的效果，對于有豐富的設計細節(jié)的網頁這樣的色調選擇絕對是最佳方案。網頁中各種標識和圖標都會很顯眼，亮點突出，且不會使人厭煩。

一個普遍的設計方案是背景采用淡色調，可以是淡青色或是淡藍色，標題部分可以做得簡單一些，可以由一些淺色調的圖片和文字組成，主菜單和各板塊標題最好使用深灰色或者其他淡色調，大面積的文本也應當采用淡色調，至此，其他要重點勾畫的元素，就可以盡情使用飽和色，或者背景為透明或是淡色的圖片，但要注意的是，飽和色的種類不宜太多，否則會破壞色調整體的和諧性，頁面會變得花俏而不嚴肅。這樣的設計在信息網站中，會營造一種平易近人的氛圍，典雅不失莊重，大量圖片、標識的使用會起到豐富頁面的效果，整體和諧，重點突出，且使人放松，容易讓瀏覽者增加對頁面的訪問機會。

3 網站配色過程中需要考慮的其他因素

（1）色彩要能夠幫助瀏覽者使用網頁元素。使用色彩來區(qū)分版塊可以使瀏覽者很容易地發(fā)現他們感興趣的內容。把主菜單改成不同色塊的按鈕也會有效地誘導瀏覽者進行選擇。

（2）色彩的運用要注意集中瀏覽者的注意力。設計者要利用色彩將瀏覽者牢牢吸引住，即使網頁上使用了很多種顏色，設計者仍舊可以采用一個與眾不同的顏色將瀏覽者的目光吸引到某個元素上去。

（3）通過色彩來提高瀏覽者的體驗或讓其產生共鳴。色彩可以影響人的情緒和心理，例如線綠色可以起到鎮(zhèn)定的效果，粉紅色可以增加人的食欲等等。要使網站面向國際，了解色彩所代表的文化內涵顯得尤為重要。

（4）注意色彩的穩(wěn)定性。要注意網站的主體顏色不要經常改變，改變最多體現在設計風格、動畫方式上。網站的色彩應該是穩(wěn)定的、持續(xù)不變的。

（5）色彩的數量要少而精。一個成功的網站，盡管它的元素很多，但顏色數量是有嚴格控制的，設計者不要試圖將所有顏色都用到，網頁配色應盡量控制在三至五種色彩。

（6）背景色和前景色要有對比。盡量不要用花紋繁復的圖案作背景，而且背景色與前景色盡量采用對比色，以便突出主要的文字內容，讓瀏覽者閱讀時不至于感到費勁。

檢察信息網站屬于政務網，內部網絡面向的都是檢察系統的廣大干警，他們普遍文化素質較高，具備一定的審美觀，網頁設計者在選擇配色系統時應盡可能地采用符合他們審美傾向的色彩，以達到共鳴的效果。而檢察外部網站面向的將是未知的廣大社會大眾，他們普遍存在較大的文化差異和年齡差異，網站更多地需要向外傳遞莊嚴穩(wěn)重、公正公開等反應國家機關威嚴肅穆的信息，因此設計者在進行網頁配色時必須要更多地考慮色彩能夠烘托出相應的氛圍。

同時，設計者還要考慮當前流行色的發(fā)展趨勢，努力將新的色彩觀念應用到自己的網頁設計中去。因為流行色是人們對色彩的偏好和追求時髦的心理表現，受時間性和季節(jié)性的影響，體現了不同時代、不同文化背景下的人們對于色彩的選擇和情感，反映了一個時代的審美特征。只有這樣才會使設計出的網頁作品富有朝氣，充滿人氣，從而達到雅俗共賞的目的。

4 總結

色彩是功能強大的藝術語言，也是網頁設計中一個重要而獨特的設計元素。網頁設計師應該運用好這種設計語言來使我們的網頁更有生命力。檢察信息網站具備電子政務網的特征，但同時它也是一個具備文化、休閑娛樂等諸多時尚信息的網站，設計出一個真正符合檢察風格的網頁也絕非一件易事，這就要求設計者必須具備各方面的素質，將科學的色彩理論作為設計指導，把美學規(guī)律跟現代網頁設計技術結合起來，將敏銳的色彩感覺和獨特的配色技巧結合起來，創(chuàng)造出莊重、典雅，獨具吸引力的網頁色彩作品，去迎合廣大民眾不斷提高的審美能力。

[1] 劉佳奇.談網頁設計中的色彩搭配[J].遼寧師專學報(社會科學版),2010,(3):31.

[2] Smashing Magazine(德).The Smashing Book[M]. Smashing Media GmbH，2010:147.

[3] 李健.網頁設計的色彩調配和應用[J]. 安徽師范學院學報,2010,(2):124.