黃紅燕 王 娟 （廣東工業(yè)大學(xué) 廣東廣州 510080）

今天的世界是互聯(lián)網(wǎng)的世界。技術(shù)的進(jìn)步，讓我們開(kāi)始關(guān)注“信息的品質(zhì)”。在信息技術(shù)云集的互聯(lián)網(wǎng)世界中，一個(gè)網(wǎng)站的與眾不同和獨(dú)特的色彩，是在眾多網(wǎng)站中脫穎而出的首要條件之一?！吧省彼亲匀幻?、生活美、藝術(shù)美的重要組成部分。在計(jì)算機(jī)技術(shù)和信息網(wǎng)絡(luò)科技快速發(fā)達(dá)的今天，色彩設(shè)計(jì)的創(chuàng)造力在這一高科技領(lǐng)域也得以延伸。從互聯(lián)網(wǎng)上五彩繽紛的頁(yè)面來(lái)看，任何一件WEB界面設(shè)計(jì)作品都離不開(kāi)色彩設(shè)計(jì)。商務(wù)網(wǎng)絡(luò)界面要利用色彩設(shè)計(jì)傳達(dá)產(chǎn)品形象信息，旅游網(wǎng)絡(luò)界面要利用色彩設(shè)計(jì)傳達(dá)實(shí)物風(fēng)景信息，游戲網(wǎng)絡(luò)界面要利用色彩設(shè)計(jì)傳達(dá)三維空問(wèn)信息，時(shí)裝網(wǎng)絡(luò)界面要利用色彩設(shè)計(jì)傳達(dá)服裝裝飾信息，WEB界面中的色彩設(shè)計(jì)是對(duì)客觀(guān)事物的真實(shí)再現(xiàn)，其認(rèn)識(shí)作用是信息傳達(dá)的重要要素之一。色彩作為設(shè)計(jì)最基本的元素，既是網(wǎng)絡(luò)作品的表述語(yǔ)言，又是視覺(jué)傳達(dá)的手段和方式，給WEB界面作品帶來(lái)了鮮活的生命力，也給WEB界面設(shè)計(jì)者拓展了更為燦爛豐富的思考空問(wèn)，具有舉足輕重的作用。本文試將色彩設(shè)計(jì)在WEB界面應(yīng)用的功能做了以下幾種分析概括，權(quán)做拋磚引玉。

一、視覺(jué)引導(dǎo)功能

視覺(jué)引導(dǎo)功能遵循的是一條流暢的路徑，網(wǎng)頁(yè)色彩能順利地引導(dǎo)用戶(hù)在頁(yè)面上移動(dòng)體驗(yàn)。在WEB界面設(shè)計(jì)中，色彩擔(dān)負(fù)起和線(xiàn)條、文字一樣的視覺(jué)引導(dǎo)和強(qiáng)調(diào)的作用。設(shè)計(jì)師可以充分利用色彩導(dǎo)向作用力量去美化頁(yè)面，對(duì)重要的信息進(jìn)行色彩的整合和強(qiáng)化，引導(dǎo)瀏覽者的注意力，有利于推廣新產(chǎn)品。對(duì)需要強(qiáng)調(diào)的內(nèi)容適當(dāng)運(yùn)用色彩加以突出，使瀏覽者加深記憶，提高網(wǎng)站的信息傳遞效率。在產(chǎn)品展示類(lèi)型的網(wǎng)頁(yè)中，色彩的強(qiáng)調(diào)功能尤為明顯。我們?cè)跒g覽一些頁(yè)面中不難發(fā)現(xiàn)世界頂級(jí)護(hù)膚品牌HR赫蓮娜的展示頁(yè)面，它成功地利用色彩將瀏覽者的注意力引導(dǎo)到產(chǎn)品之上，給人留下深刻的印象。又如在某些商品展示類(lèi)的網(wǎng)站，色彩的導(dǎo)向傳遞功能運(yùn)用尤為明顯：亮色系比如以黃色為背景一般所代表的意思是促銷(xiāo)產(chǎn)品熱賣(mài)產(chǎn)品，而藍(lán)色、褐色或深綠色等冷色調(diào)的搭配則多用來(lái)表現(xiàn)商品的價(jià)值。

二、企業(yè)形象識(shí)別功能

企業(yè)標(biāo)準(zhǔn)色是企業(yè)形象識(shí)別要素之一，網(wǎng)站設(shè)計(jì)者將企業(yè)網(wǎng)絡(luò)界面色彩與企業(yè)標(biāo)準(zhǔn)色相呼應(yīng)起到了加深企業(yè)形象的作用。格羅佩斯(Walter Gropius)在他的《藝術(shù)家與技術(shù)家在何處相會(huì)》一文中提到“如果物體的形象很適合于它的工作，它的本質(zhì)就能被人看的清楚明確。”從這里可以很深刻的了解到企業(yè)形象在信息傳遞和接納過(guò)程當(dāng)中所起到的非常重要的作用因素。色彩也是形成企業(yè)形象的關(guān)鍵要素，企業(yè)標(biāo)準(zhǔn)色是企業(yè)形象的色彩表示系統(tǒng)，人們一看到此色彩就會(huì)聯(lián)想到該企業(yè)。把CI設(shè)計(jì)這一理念應(yīng)用到網(wǎng)站整體形象規(guī)劃與設(shè)計(jì)開(kāi)發(fā)上來(lái)，以企業(yè)CI設(shè)計(jì)中的標(biāo)準(zhǔn)色作為WEB界面的主色調(diào)展開(kāi)設(shè)計(jì)，使WEB界面成為企業(yè)形象的延伸和宣傳，無(wú)疑是把WEB界面設(shè)計(jì)推向正規(guī)化、品牌化發(fā)展的道路。它可以使網(wǎng)站與企業(yè)具有共通的視覺(jué)特征，便于宣傳和識(shí)別，通常達(dá)到事半功倍、相得益彰的效果。

百事可樂(lè)在全世界擁有較高的知名度，使人過(guò)目不忘的藍(lán)色和標(biāo)準(zhǔn)字體已成為它的標(biāo)志。我們可以瀏覽一下百事可樂(lè)系列站點(diǎn)，每個(gè)網(wǎng)站的主體風(fēng)格不盡相同，美國(guó)總站穩(wěn)重些，英國(guó)站比較活潑，即使站點(diǎn)風(fēng)格有些差異但都保持了一致的文化特點(diǎn)，都采用了大快藍(lán)色的底色，給人以熱情、活力、喜悅的感覺(jué)，應(yīng)用在網(wǎng)絡(luò)界面設(shè)計(jì)中，讓受眾群聯(lián)想到飲用百事可樂(lè)所帶來(lái)的快樂(lè)心情，無(wú)形中就加深了百事可樂(lè)品牌在消費(fèi)者的心目中的形象。

三、視覺(jué)區(qū)域劃分功能

WEB界面的首要功能是信息傳遞，色彩正是創(chuàng)造有序的視覺(jué)信息流程的重要因素。利用不同色彩設(shè)計(jì)進(jìn)行視覺(jué)區(qū)域劃分是網(wǎng)絡(luò)界面設(shè)計(jì)中的常用手法，也是色彩在WEB界面設(shè)計(jì)中的重要功能。網(wǎng)絡(luò)界面中的信息不僅數(shù)量多，而且種類(lèi)繁雜，往往在一個(gè)頁(yè)面中可以看到各種各樣的信息問(wèn)題，利用色彩分布，可以將不同類(lèi)型的信息分類(lèi)排列，并配合相應(yīng)內(nèi)容，有針對(duì)性地設(shè)計(jì)色彩；利用各種色彩帶給人的不同心理效果，很好的區(qū)分出主次順序，從而形成有序的視覺(jué)流程。

色彩的視覺(jué)區(qū)域劃分功能實(shí)用性強(qiáng)，變化性強(qiáng)，靈活易用，適用面廣泛，在信息繁雜豐富的門(mén)戶(hù)類(lèi)網(wǎng)站中應(yīng)用較多，而且效果較為明顯。利用色彩和輔助線(xiàn)把網(wǎng)絡(luò)界面分成幾個(gè)區(qū)域，這些區(qū)域可以是規(guī)則也可以是不規(guī)則的，以適應(yīng)多種信息內(nèi)容編排的需要?！癋DI世界園”是一家招商投資網(wǎng)站，它的網(wǎng)絡(luò)界面設(shè)計(jì)十分簡(jiǎn)潔，多趣味性。由多種色塊矩形區(qū)域拼合成了網(wǎng)絡(luò)界面的整體框架，用按鈕形式來(lái)顯示導(dǎo)航功能選擇，很清晰地把網(wǎng)站的內(nèi)容分類(lèi)展示給瀏覽者，配合上網(wǎng)站通用的icon，整個(gè)網(wǎng)站十分舒暢，同時(shí)減輕的用戶(hù)的視覺(jué)負(fù)擔(dān)。

四、審美功能

WEB界面不僅具有實(shí)用的物質(zhì)功能，而且具有審美的精神功能，發(fā)揮審美功能的界面形象與發(fā)揮實(shí)用功能的界面實(shí)體是同一的，它們具有同質(zhì)同構(gòu)的聯(lián)系，網(wǎng)絡(luò)界面是以一定的使用目的或物質(zhì)功能為存在前提的，其審美功能必須以其使用目的為導(dǎo)向，即審美功能不能背離其使用目的。由于人的視覺(jué)對(duì)于色彩有著特殊的敏感性，因此色彩所產(chǎn)生的美感魅力往往更為直接。

色彩既是視覺(jué)信息傳達(dá)的方式(實(shí)用功能)，又是藝術(shù)設(shè)計(jì)的語(yǔ)言(審美功能)，當(dāng)網(wǎng)絡(luò)界面的色彩所反映的情趣與人們的審美情緒發(fā)生共鳴時(shí)，也就是說(shuō)色彩配合的形式結(jié)構(gòu)與人們審美心理的形式結(jié)構(gòu)相對(duì)應(yīng)時(shí)，人們就會(huì)感覺(jué)到色彩和諧的愉悅。色彩設(shè)計(jì)對(duì)WEB界面設(shè)計(jì)作品的藝術(shù)品位起著舉足輕重的作用，不僅在視覺(jué)上，而且在心理作用和象征作用中都可以得到充分的體現(xiàn)。因此，網(wǎng)絡(luò)界面設(shè)計(jì)要以色彩的科學(xué)知識(shí)為基礎(chǔ)，進(jìn)而從美學(xué)的角度去探討色彩設(shè)計(jì)的表現(xiàn)形式，增強(qiáng)WEB界面設(shè)計(jì)作品的藝術(shù)性，以創(chuàng)造出更富審美情趣的作品。在國(guó)內(nèi)68design網(wǎng)頁(yè)設(shè)計(jì)的站點(diǎn)，其中國(guó)內(nèi)優(yōu)秀設(shè)計(jì)作品中一家叫冰藝工作室的網(wǎng)站還是比較吸引人的眼球，讓人不由自覺(jué)的想去點(diǎn)擊它。它每個(gè)網(wǎng)絡(luò)界面所選擇的色彩和圖形都能使瀏覽者自然地將其與產(chǎn)品風(fēng)格聯(lián)系在一起，界面中間色彩和四周部分黑、白、灰無(wú)彩色的色調(diào)搭配形成了動(dòng)靜相宜、多樣統(tǒng)一的韻律美，給網(wǎng)絡(luò)界面注入了活潑而新鮮的活力，從而達(dá)成令人賞心悅目的界面形式，和諧中富于變化，具有獨(dú)特的創(chuàng)造性和審美價(jià)值。

五、品牌語(yǔ)言傳遞功能

品牌宣傳效果不僅應(yīng)該在視覺(jué)上，而且應(yīng)該在心理上和象征上得到體會(huì)和理解。不同色相具有不同的語(yǔ)意特征。人們經(jīng)過(guò)長(zhǎng)期的社會(huì)生產(chǎn)實(shí)踐和生活體驗(yàn)，對(duì)色彩形成了不同的情感和心理感受，人們將這種長(zhǎng)期積累的色彩印象賦予各種語(yǔ)意特點(diǎn)并將其應(yīng)用到生產(chǎn)生活中。

在眾多的網(wǎng)站類(lèi)型中，不同的網(wǎng)站類(lèi)型都有自身的色彩語(yǔ)意相關(guān)性。如兒童用品的網(wǎng)站設(shè)計(jì)多使用色彩亮麗、醒目的純色；藍(lán)色常用在表現(xiàn)同科技產(chǎn)業(yè)等相關(guān)新興產(chǎn)業(yè)的WEB界面設(shè)計(jì)上。因此，設(shè)計(jì)者在界面色彩語(yǔ)言表達(dá)中應(yīng)充分考慮不同色彩的語(yǔ)意特點(diǎn)，并將其和WEB界面主題內(nèi)容結(jié)合起來(lái)。

六、主題鮮明功能

網(wǎng)絡(luò)是信息的海洋，瀏覽者在網(wǎng)絡(luò)中漫游無(wú)疑是尋找他們所需要的信息資源，網(wǎng)絡(luò)界面?zhèn)鬟f的信息內(nèi)容與傳遞方式應(yīng)該是相互統(tǒng)一的，這是設(shè)計(jì)作品成功的必要條件之一。網(wǎng)絡(luò)界面如何使瀏覽者迅速、快捷、準(zhǔn)確的掌握主題，整合信息資源，這就需要設(shè)計(jì)師利用色彩的對(duì)比調(diào)和手段，產(chǎn)生視覺(jué)落差，來(lái)表現(xiàn)信息的重點(diǎn)，從而提高瀏覽者獲取信息的效率。設(shè)計(jì)師可利用不同色彩自身的表現(xiàn)力、情感效應(yīng)以及審美心理感覺(jué)等，使網(wǎng)絡(luò)界面的內(nèi)容與形式有機(jī)地結(jié)合起來(lái)，以色彩的內(nèi)在力量來(lái)美化頁(yè)面，或含蓄優(yōu)雅，或動(dòng)感強(qiáng)烈，或時(shí)尚新穎，或單純醒目，烘托主題、突出主題。在網(wǎng)絡(luò)界面設(shè)計(jì)的許多成功作品中我們都可以看出這一點(diǎn)。三星galaxys3公司的商業(yè)網(wǎng)站，進(jìn)入該網(wǎng)站的第一需要就是找到所需的產(chǎn)品，WEB界面設(shè)計(jì)者就利用了產(chǎn)品圖片顯示顏色和灰色塊強(qiáng)烈對(duì)比所產(chǎn)生的視覺(jué)落差，突出了右上角黑色文字主題內(nèi)容和產(chǎn)品薄輕便的優(yōu)勢(shì)，以色彩的內(nèi)在力量引起瀏覽者的重點(diǎn)關(guān)注，引導(dǎo)瀏覽者以最便捷的方式使用該網(wǎng)絡(luò)界面，同時(shí)，灰色色塊背景好似深沉的藍(lán)色里的交音階，高貴、氣質(zhì)不凡，鋪色用心，恰到好處，使網(wǎng)站風(fēng)格突出，大大增強(qiáng)了網(wǎng)站的藝術(shù)性和吸引力，從而提高了網(wǎng)站的知名度。

色彩在網(wǎng)絡(luò)界面中的應(yīng)用都有其極強(qiáng)的功能性，將CIS中的標(biāo)準(zhǔn)色應(yīng)用于網(wǎng)絡(luò)界面能夠完成企業(yè)形象識(shí)別功能、將不同色彩的色塊協(xié)調(diào)組合在一起能夠完成視覺(jué)區(qū)域劃分功能、將構(gòu)成強(qiáng)烈對(duì)比的色彩有主次的組合能夠起到突出主題重點(diǎn)的作用、根據(jù)受眾群體的審美心理進(jìn)行的色彩設(shè)計(jì)有增強(qiáng)藝術(shù)效果的功能?？茖W(xué)的、高度審美的色彩設(shè)計(jì)是網(wǎng)絡(luò)界面設(shè)計(jì)的重要元素，也是界面設(shè)計(jì)中技術(shù)與藝術(shù)結(jié)合發(fā)展的重要標(biāo)志，作為WEB界面設(shè)計(jì)師，必須具備較高的色彩設(shè)計(jì)素養(yǎng)，理性設(shè)計(jì)和感性設(shè)計(jì)相結(jié)合，有目的的、創(chuàng)造性地進(jìn)行WEB界面色彩設(shè)計(jì)。

[1]原研哉.設(shè)計(jì)中的設(shè)計(jì)[M].朱鍔，譯.濟(jì)南：山東人民出版社，2006：198.

[2]約翰內(nèi)斯·依頓.色彩藝術(shù)[M].杜定宇譯.上海: 上海人民美術(shù)出版社.1985.

[3]羅仕鑒，朱上上，孫守遷.人機(jī)界面設(shè)計(jì)[M].機(jī)械工業(yè)出版社.2002.