網頁用色之我見

（山東服裝職業學院 271000）

進入21世紀，科技正以迅雷不及掩耳之勢前進，網絡也逐漸進入了大眾的視線，而構成網絡的便是形形色色的網頁。我喜歡的網頁瀏覽器是the world中文叫世界之窗，就像這名字一樣，網頁所承載的是一個無限地網絡世界，讓我們在信息的世界中漫步，在其中受益，當我們回過頭來去思考網頁時，這才發現真正為我們做出貢獻的依然是生活中最基本的一個元素——色彩，這種形式卻有別與其它，變的特殊、變的獨特、變的有價值，值得我們去開發利用，去深入思考。

網頁不同與雕刻的龜甲、不同與樹皮、不同與金屬、不同與織物、更不同于紙張，它的色彩不是涂上去的，沒法像水粉，油畫顏料那樣調和，也不能像原始人那樣進行雕刻，更不像瓷器那樣進行燒制，由此網頁是特殊的，但它能準確的體現其內容，它是信息時代的體現，是一個新時期的體現，也是人類文明發展進步的體現。

一、網頁設計和顏色的嗜好性

網頁設計中確立網站風格的是色彩。色彩會產生強烈的視覺效果，使頁面變得更加生動。色彩設計的好壞會直接影響閱讀者的心理變化與觀賞興趣。因此，地位十分重要。

色彩意識是從原始時代就存在的，人類在混沌初開的原始時代發現色彩的光華起色彩就以其變幻不定的形式影響著人類的精神世界。色彩的種類成千上萬，只用語言或文字去表示是很困難的。所謂顏色的嗜好性就是指經常進行的有關征求喜好顏色與不喜好顏色的調查。在一次網絡調查中，在眾多的調查問卷中藍色是人們最喜愛的顏色。按照男女比例來看，男性中第一名是藍色，第二名是淺綠色，第三名是湖藍色。女性中第一名是淺粉色，第二名是深粉色，第三名是紅色。體現出了男性色彩是冷色系，女性色彩是暖色系這樣的直接結果。雖說色味的喜好各有不同，但是整體而言大家還是都喜歡比較明亮鮮艷的顏色的。一個網頁的色彩會影響人們的心理，例如方正電腦網站，該網站活潑、時尚，但由于鮮艷的顏色使用過多，使網頁看上去太過零亂，不能夠很好的突出主題，從而給瀏覽者留下零亂的印象，可見色彩在網頁中的作用是不可小視的。

（一）色的單純化

從形式論上講，人的直覺在根本上就具有簡單化和統一化的傾向。所以，造型藝術中單純的形、單純的色也具感召力，它能使效果更集中、更強烈、更醒目，也更容易記憶。色彩的單純化即簡潔化，指盡量減少配色的條件，最單純的用色關系來體現色彩效果。達到單純化原理的手段有4種：減弱、加強、歸納、組合。

單純的色彩并不一定簡單，也絕不可與單調等同。如通過雪白的玉蘭花，樸素而柔和，它將豐富、微妙的變化隱含在單純的白色之中，比五顏六色的色彩效果更內在。耐人尋味中國傳統水墨畫的用色可謂是單純極了，墨色五分，畫家就是在這種單純的黑色中求深淺，求筆觸，求神韻。還有我國民間的藍印花布、戰國時期的紅黑漆器、明清時期的青花瓷等等，看上去它們的用色都不多，但無一不體現著單純而豐滿的美感。1

（二）色的強調

所謂強調，是為了彌補用色中的貧乏與單調，用某種方法刺激視覺，從而吸引人們的注意和興趣。用色中的強調往往只是很小一部分，但卻能產生左右整體的力。強調的關鍵是位置的選擇，因為重要的位置本身就是強調。強調也是用色中有重點的設計，重點往往含有集中的效果。另外，伴隨著運動和節奏感的用色，視覺上也能得到強調的意味。強調還在于它的對比性。只有當強調部分與整體形成某種對比時，強調才真正存在。色彩中黑與白、冷與暖、鮮與濁、大與小等對比的面積比例關系，都可構成整體中的強調，大面積上用小面積作為強調，灰色調上用少許鮮艷色作為強調等。2

成功網頁非同凡響的震撼力正是由色彩所表現的。感動自己，才能感動別人，說服自己，才能說服別人，娛己，才能娛人。成功的網頁設計之所以能深入人心，甚至能改變我們的審美觀念、穿衣準則，除了獨特的天分與敏銳的觸覺，秘訣在于，它們本身也深愛著這種色彩設計。這種色彩設計貫穿在網頁設計的理念中，也成功的體現在各行各業中，像血液中流動的DNA，無處不在。

二、網頁中色彩的重要體現

在網頁中色彩的種類并不多，但他們的對比卻有著舉足輕重的作用，不同的對比給人不同的感受：

（一）網頁中零度對比的運用

1.MSN地球人都知道，它的主頁采用的是整體淡藍色，線框分類明顯，數字采用白色、淡藍、深藍、黃色、綠色，其中黃色和綠色較少，并且放在并不重要的位置，這樣的對比效果感覺柔和、和諧、雅致、文靜，符合西方人的口味。藍色在歐洲被認為是身份的象征，在西方傳統宗教題材的繪畫作品中，藍色常被用來描繪圣母所披的青色罩衣，代表著純真的愛心和由衷的悲傷等含義。中國的藍印花布、蠟扎染、青花瓷等藍青色的運用，蘊含了深邃的文化底蘊和樸素的情愫。藍色是博大的色彩，天空和大海都是蔚藍色。藍色是永恒的象征，它是最冷的色彩。MSN網頁設計者抓住藍色這一特點，進行了很好的運用。在緊張忙碌的生活中，看到MSN的主頁給人少許清新，何樂而不為。

2.高路動畫，軟件培訓機構，其主頁采用黑底色，白色字體，緊密的框架結構，使人感覺大方、莊重、高雅而富有現代感，有效的宣傳了其電腦培訓的內容，同時也表現出了自己雄厚的實力。黑色是無彩色，生活中的物體反射能力差，都會呈現出黑色的面貌。黑色給人以消極和積極兩種感覺。消極方面，黑色給人煩惱，憂傷、陰森、恐怖、消極、沉睡、悲痛甚至死亡等印象，西方國家把黑色視為禮服顏色；積極方面，黑色給人以休息、安靜、考驗、高檔、深沉、嚴肅、沉思、堅持、莊重與堅毅的印象。在兩種色彩之間，黑色使人得到沉思、堅持、休息、安定、考驗的中性感覺。黑色與其他色彩組合時，屬于極好的襯托色，可以充分顯示其他顏色的光感和色感。黑白組合，對比與光感最強，樸素而分明。黑色還具有高貴、穩重、科技的意象，黑色也是永遠流行的主要顏色。這種無彩色對比雖然無色相，但它們的組合在實用方面卻很有價值。如黑與白、黑與灰、中灰與淺灰，或黑與白與灰、黑與深灰與淺灰等。對比效果都感覺大方、莊重、高雅而富有現代感，這樣的對比在網頁中時常被應用。高路動畫，還通過實際作品的彩色圖片與主題黑色作對比，產生一種無彩色與有彩色對比，如黑與紅、灰與紫，或黑與白與黃、白與灰與藍等。對比效果感覺既大方又活潑。另外高路網站在選擇圖片時也注意了在顏色上的選擇，圖片顏色個個都很鮮亮卻也柔和，給人眼前一亮的感覺，很是吸引人的眼球。其在圖片上也做了顏色的處理，明亮的圖片上加了略深的半透明色，在其上加上了圖片的英文介紹，這雖然只是不經意的點綴，但卻給人以大氣、國際化的感覺，增加了受眾對該網站的信任度。

（二）網頁中調和對比的運用

1.藝博盛視，在圖標邊框中大量使用紅色和橙色的漸變，色相變化非常豐富，與大面積的黑色相配合，產生精巧的點綴，活潑而又不失統一。頁面空間色彩、整體和諧統一，給人一種寧靜、幽雅感；文字圖形色彩明快突出于背景色，頁面空間氛圍活躍而有生氣。黑色調主導著整個網頁的風格和意境，而紅色的面積雖小，卻起著強調和緩沖的作用。紅色讓頁面充滿生氣、趣味，使黑色調顯得更加流暢。紅色與黑色搭配合理，使整個頁面更加引人注目， 特色鮮明。大部分的網站都以文字為主，因此網頁中文字的清晰度與可讀性顯得尤為重要，該網站考慮到了文字的大小、字體、行距、字距等，一大一小恰如其分的突出了主題。此外，該網站還在背景色彩與文字色彩的配合上下了不少工夫。文本顏色與背景顏色對比很大，加強了文字的可讀性與清晰度，突出了文字內容，但為避免造成太過強烈的視覺刺激，其文字并沒有使用單純的白色，而是使用了亮灰色。在網頁的設計中，圖像占據著重要地位，圖像不僅能起到裝飾頁面的作用，還能表達網頁的情感與風格。但如果圖片色彩使用不得當或者圖片太多，就會導致瀏覽或者下載的速度變慢，從而降低了網頁的點擊率。所以正確使用圖像及其色彩是非常重要的。該網站也看到了這一點，在圖片的運用上，沒有貪圖圖片的數量，而是在關鍵部位使用了圖片，圖片的顏色和整個頁面的色調非常統一，圖片的運用使整個頁面看起來更加大氣與生動。其實網站的作用主要是為了突出公司的主題，為公司做宣傳的，此網站并沒有偏離該路線，該網站是一個培訓類的網站，整個網站大氣、和諧、生動，正好對應公司的師資雄厚，師生之間的和諧相處，教學方式的靈活，有效的宣傳了公司。其中色彩的作用就不言而喻了。

2.酷6網，大量采用的是綠色元素，白色的底色，淡綠色的修飾，少量紅色的對比，產生一種獨特感受。眾所周知，綠色是由藍色和黃色兩種成份組成的。在綠色中，將藍色的收縮感和黃色的擴張感相中和，將藍色的寒冷感與黃色的溫暖感相抵消。因此綠色的性格最為平穩、溫柔與恬美。綠色是大自然的主宰色是人類和自然和諧共存的根本所在，而橄欖綠更成了和平、生命、友誼、安全的代名詞。歌德對綠色是這樣形容的，“綠色給人真正的滿足，人們不想再作進一步探討，也不能再進一步”。可以看出綠色是中性的，冷暖傾向不明確的平和優雅的色彩，它的感情象征意義多屬于積極性的綠色的聯想。舒緩的繁忙的都市，緊張的生活，工作累了的時候，多想換方式放松一下，成就全新的自己。不妨來段輕柔的音樂或搞笑的視頻。

（三）網頁中強烈對比的運用

網易整體采用白色，灰色和藍色的冷色字，但在163的標志上采用了紅色，強烈的冷暖對比，使人很清晰的看到網站的標志；在登錄框數字和線框較為密集，輸入條的底色為淡藍色，清晰明了，其它地方留有空白，灰色的數字進行過渡，就色彩而言，有著很強的明度對比。狙擊手在瞄準目標時總是分析下目標的大小，顏色，眼前圖像的簡單和復雜程度，以判斷距離，否則很難擊中目標，其中他也是在運用色彩的面積與位置的對比。這一對比在網頁中同樣適用，我們為了強化網頁的功能性，往往根據實際情況，多頁面進行色彩面積的邏輯化，從而突出其內容。

www.cctv.com中大量出現縮略圖，每個縮略圖都配合一組內容，在信息量較大的網站中大量出現這中形式。

由以上可見色彩在網頁中占據著舉足輕重的作用，當我們距離顯示屏較遠時，看到的不是優美的版式而是網頁的色彩。可以想象失去色彩的網頁將是什么樣子。

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

在網站云集的今天，只有色彩獨特、與眾不同的網頁，才能顯得個性鮮明，給瀏覽者留下深刻的印象。在同類型的網站中尤為重要，網頁的色彩不但要符合此類網站的用色特點，還要有其獨到之處。網頁設計是一種藝術形式的活動，以按照內容決定形式的原則，大膽的進行藝術創新，才能設計出既符合網站主題，又別具風格，個性鮮明的網頁。網絡更新發展之快、蘊涵潛力之大、覆蓋之廣都是前所未有的，網絡的未來不可限量。

注釋：

1.蘇娜，張凱.《色構網頁》.中國宇航出版社，2005.1：156.

2.蘇娜，張凱.《色構網頁》.中國宇航出版社，2005.1：158.

[1]荊雷.《設計概論》.河北美術出版社，1997.12.

[2]CIS項目組.《Web配色字典》.電子工業出版社，2006.9.

[3]蘇娜，張凱.《色構網頁》.中國宇航出版社，2005.1.

[4]張彪.《色彩構成設計》.安徽美術出版社，2003.5.

[5]王娜.《網頁制作與色彩搭配全攻略》.清華大學出版社，2006.9.

[6]梁景紅.《網頁設計思維》.電子工業出版社，2006.7.