網頁設計中的色彩運用

王 凱 郭西燕

[摘 要]本文主要通過網站色彩的選用、網頁主體與背景色彩的搭配、網頁用色小技巧等幾個方面闡述了網頁設計色彩運用的原則,規律及技巧方面的內容。

[關鍵詞]色彩 搭配標準色主色調背景對比 統一

作者簡介:王凱,男,濰坊職業學院園林工程系教師,研究方向環境藝術設計。

互聯網充斥著枯燥的設計,惠普、IBM、戴爾、微軟,以及其他數不盡的網站(相似的布局,相似的配色)。可能有人會說通過這樣一種標準化的界面可以使瀏覽更方便,而事實上這些網站帶給用戶一種很世俗的體驗,并不能與訪客產生一種積極的聯系。

面對這種單調的設計,有一種解決方法,就是使用顏色。可能沒有其他設計元素能像顏色一樣能影響人們對世界(比如網站,比如家居裝潢)的感受。顏色可以瞬間改變我們的情緒和意見。顏色會讓我們感覺到舒適、敬畏,或者激動。在界面設計中,色彩不僅可以影響人的心理,左右人的情緒,更對設計非常有用。

如從色彩給人的心理感覺上來說,暖色調,即紅色、橙色、黃色、赭色等色彩的搭配。這種色調的運用,可使頁面呈現溫馨、和煦、熱情的氛圍;冷色調,即青色、綠色、紫色等色彩的搭配。這種色調的運用,可使頁面呈現寧靜、清涼、高雅的氛圍。

從色相上來說,運用同一色相色彩,這種搭配易于使頁面色彩趨于一致,容易塑造網頁穩定、和諧、統一、雅觀的效果。運用鄰近色相色彩,這種配色容易給人以甘美、清雅、和諧的享受,易產生浪漫、柔和、唯美之感。運用對比色或互補色容易塑造鮮明、活潑、運動的網頁效果,特別適合體現輕松素材的網站等等。

一、網站的色彩選用

通常在為企業做網站時,如把表現企業主題的標準色應用到網頁中去,一定會給瀏覽者留下深刻的印象。這就牽涉到標準色的組合應用,首先是一個色彩的基調問題,抓住自己的主色來配以不同的輔色,這樣既突出了主頁的公司的特色,又能使頁面呈現豐富多彩(這里要切忌多種色彩并重“花”的情況)。版面設計和內容也能體現出企業的形象,只是色彩更加容易達到引人注目的效果。

針對不同的主題來布置色彩,如健康類的網站就不能采用較為刺激的大紅和黃、橙以及象征死亡和神秘的黑色和紫色,這樣會造成一種緊張和某種程度的恐慌,以及一些不利于健康的聯想。兒童類的網站就易采用紅、黃、橙等給人親和、友好、溫馨聯想的色彩,以及軍警類網站的橄欖綠,醫療衛生類網站的白色等。

網站用色不只是單純的運用,還要考慮諸多因素,例如,訪問者的類別、社會背景、心理需求和場合的差異等等,這就要求網頁設計者要認真的分析網站的訪問者。社會背景不同的人,各人的目的不同,他們對色彩的感受也不同,所以網站的用色就要考慮到多方面的需求,盡可能的吸引訪問者注意力。訪問者如果大多是素質較高的人,就應該考慮用色考究,要有一定的品位,有所偏向。另外,還要注意色彩的民族性,各個民族由于環境、文化、傳統等因素的影響,對于色彩的喜好也存在著較大的差異。充分運用色彩的這些特性,可以使我們的網頁具有深刻的藝術內涵,從而提升網站的文化品位。

二、網頁主體與背景色彩的搭配

在根據網站主題確定了頁面的主色調后,就要進行網頁主體與背景色彩的搭配。

我們現在看到的網頁,多數的頁面以淺顏色為底,配上深顏色的字,讀來自然、流暢,此種配色方法為大多數人認可和掌握。在選擇背景和正文顏色時,最重要的一點是注意易讀性。實現易讀性的關鍵在于提供足夠的明暗對比。由于黑白之間有最強烈的對比度,因此大多數網頁都采用黑底白字顯示文本,但是,也不必拘泥于黑白兩色實現對比,可以選擇一對顏色,其中一個是亮的,一個是暗的,只要它們保持足夠的對比度,比如說,灰底黑字也是不錯的選擇。

其次,在背景的色調搭配上一定要注意不能有強烈的對比,特別是同時使用色彩對立的顏色。大面積顏色適宜采用低對比度,因為過于豐富的背景色彩會影響前景圖片和文字的取色,嚴重時會使文字溶于背景中,不易辨識。所以,背景一般應以單純為宜。如果需要一定的變化以增加背景的厚度,也應是在盡量統一的前提下的一種變化。例如在制用標題時,為追求醒目的視覺效果,可用比較深的顏色,配上對比鮮明的字體。實際上背景的作用主要在于統一整個網頁的風格和情調,對視覺的主體起到一定的襯托和協調作用,一方面吸引網民的注意力,另一方面有助于體現網站的主題。

三、網頁用色的小技巧

網頁在一定意義上說也是一種藝術品,因為它既要求文字的優美流暢,又要求頁面的新穎、整潔,使用色彩可以產生強烈的視覺效果,使頁面更加生動。而且,瀏覽者在瀏覽網頁時,留下的第一印象就是頁面的色彩設計,它的好壞直接影響閱讀者的觀賞興趣。因此,色彩設計在網頁設計中居于十分重要的地位。當網頁頁面用色出現疑惑的時候,大家可以考慮以下幾個方面:

(一)對多數網頁特別是有大面積文字的網頁來說,應采用白色或淺色的背景,如淺灰色、淡黃色、淺藍色或淺綠色,文字采用黑色或深顏色;

(二)避免在淺色背景使用明亮顏色的文字,因為這樣文字會很難辨認;

(三)深顏色背景上使用淺色的文字是一種很好的組合,但是如果不是特別需要,應留作那些需要引起瀏覽者特別注意的小塊區域和場合,比如標題圖形等;

(四)使用黑色背景許多時候顯得太沉重,可以考慮使用深灰色、深藍、粟色等;

(五)白色、淺灰色、淺藍色、淺綠色、淺褐色很適合作為深色背景上的文字顏色;

(六)大的、粗體的文字比常規尺寸的文字更適合使用;交強的顏色,可考慮鮮紅色,橙色,明亮的藍色,但注意不要濫用。

網頁設計的用色也要特別的關注流行色的發展。每年日本或者歐美都要發布一批流行色,這是從大量的人們的喜好中挑選出來的。關注它,并有心的研究它,而且努力的將這種觀念應用到自己的設計中去,做一個色彩方面的有心人,就會使自己的網頁富有朝氣,更受歡迎。同時多研究別人的用色,多看一些對網站的網友的評價是相當重要的。做到這一點,能提高自己的色彩品位,多用一些受人喜愛的顏色,這樣才能吸引人。作為一名網頁設計師是需要有自己的特色,例如自己鐘愛的顏色,用色的一些獨特的方面,這種是不要輕易的舍棄。因為沒有一點自己的特色的設計師就如同一臺機器一樣毫無生氣,這是一大悲哀!用別人喜歡的色彩是不會掩蓋設計師的特色的,因為設計師用色往往是在保留自己的用色方式上才去采用一些比較讓人接受的顏色。所以我想網頁的用色會在這種方式下日趨規范,日趨合理,逐漸讓人感到一個又一個如同藝術品一樣讓人賞心悅目!

參考文獻

[1]網頁設計之視覺信息傳達分析;作者:鬲波飛

http://www.ko512.cn/html/wangyeshejibiyelunwen/20070330/118_2.html

來源:互聯網 發布時間:2007-03-30

[2]頁面美工設計需要注意的幾點

Http://www.ko512.cn/html/wangyeshejibiyelunwen/20070423/456.html