網(wǎng)頁用色之我見

（山東服裝職業(yè)學院 271000）

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

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

一、網(wǎng)頁設(shè)計和顏色的嗜好性

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

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

（一）色的單純化

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

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

（二）色的強調(diào)

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

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

二、網(wǎng)頁中色彩的重要體現(xiàn)

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

（一）網(wǎng)頁中零度對比的運用

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

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

（二）網(wǎng)頁中調(diào)和對比的運用

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

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

（三）網(wǎng)頁中強烈對比的運用

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

www.cctv.com中大量出現(xiàn)縮略圖，每個縮略圖都配合一組內(nèi)容，在信息量較大的網(wǎng)站中大量出現(xiàn)這中形式。

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

網(wǎng)頁在一定意義上可以說是一件藝術(shù)品，因為它既要求頁面新穎、整潔，又要求文字優(yōu)美流暢，使用恰當?shù)纳士梢允鬼撁娈a(chǎn)生強烈的視覺效果，使頁面更加生動。而且，瀏覽者在瀏覽網(wǎng)頁時，留下的第一印象就是頁面的色彩設(shè)計，它的好壞直接影響閱讀者的觀賞興趣。因此，色彩設(shè)計在網(wǎng)頁設(shè)計中居于十分重要的地位。

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

注釋：

1.蘇娜，張凱.《色構(gòu)網(wǎng)頁》.中國宇航出版社，2005.1：156.

2.蘇娜，張凱.《色構(gòu)網(wǎng)頁》.中國宇航出版社，2005.1：158.

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

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

[3]蘇娜，張凱.《色構(gòu)網(wǎng)頁》.中國宇航出版社，2005.1.

[4]張彪.《色彩構(gòu)成設(shè)計》.安徽美術(shù)出版社，2003.5.

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

[6]梁景紅.《網(wǎng)頁設(shè)計思維》.電子工業(yè)出版社，2006.7.