張淑榮蘇兵

(1.廣東白云學(xué)院電氣與信息工程學(xué)院，廣東廣州510450；2.廣州白云工商高級(jí)技工學(xué)校，廣東廣州510450)

1.引言

對(duì)于剛剛學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的學(xué)生而言，在網(wǎng)頁(yè)設(shè)計(jì)中，最難的不是各種工具怎么使用，而是要懂得怎么把一個(gè)網(wǎng)頁(yè)設(shè)計(jì)得非常漂亮，這個(gè)不僅僅考驗(yàn)大家的技術(shù)，更考驗(yàn)網(wǎng)頁(yè)設(shè)計(jì)者的藝術(shù)美感。每個(gè)網(wǎng)頁(yè)設(shè)計(jì)師在遵循設(shè)計(jì)規(guī)律的同時(shí)還希望能夠有自己獨(dú)特的風(fēng)格，這就需要勇氣，敢于創(chuàng)新，大膽地進(jìn)行藝術(shù)創(chuàng)作，唯有這樣才能夠做出符合客戶(hù)要求，同時(shí)又不超出這類(lèi)網(wǎng)站要求，且具有藝術(shù)特色、風(fēng)格獨(dú)特、個(gè)性鮮明的網(wǎng)頁(yè)。然而隨著行業(yè)的增多，在網(wǎng)頁(yè)設(shè)計(jì)中色彩運(yùn)用的重要性也突出地體現(xiàn)出來(lái)。由于高職院校的培養(yǎng)目標(biāo)是技能型的人才，要在有限的時(shí)間掌握從業(yè)所需的技能，提高學(xué)生的綜合素質(zhì)和動(dòng)手操作能力。可縱觀(guān)歷屆學(xué)生的作品不難發(fā)現(xiàn)，在這些作品中，最大的問(wèn)題就在于網(wǎng)頁(yè)中的色彩搭配。就此問(wèn)題，本文從色彩搭配的理論講解及其實(shí)操訓(xùn)練兩個(gè)方面探析網(wǎng)頁(yè)設(shè)計(jì)教學(xué)過(guò)程中色彩該如何合理有效地被運(yùn)用。

2.在理論講解中，讓學(xué)生了解網(wǎng)頁(yè)設(shè)計(jì)的色彩搭配理論

2.1 認(rèn)識(shí)色彩搭配的整體性

既然色彩被人為地賦予了情感色彩，自然可以帶給人的心理感受也不同，所以網(wǎng)站的信息主題是進(jìn)行色彩設(shè)計(jì)的首要考慮因素，網(wǎng)站的整體色彩搭配應(yīng)符合網(wǎng)站的主題信息特征。同一個(gè)網(wǎng)站的不同頁(yè)面能夠局部使用同一色彩，這樣就可以通過(guò)色彩將頁(yè)面之間的聯(lián)系傳達(dá)給瀏覽者，由此產(chǎn)生整體和諧之美。一般說(shuō)來(lái)，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)三種，色彩過(guò)多易造成搭配效果的雜亂無(wú)章。在網(wǎng)頁(yè)配色設(shè)計(jì)中，確定網(wǎng)頁(yè)的主色調(diào)是第一步，也是非常關(guān)鍵的一步，主色調(diào)就猶如船的風(fēng)帆，對(duì)整個(gè)網(wǎng)頁(yè)起著主導(dǎo)作用。網(wǎng)站整體的色彩設(shè)計(jì)是個(gè)系統(tǒng)工程，要有計(jì)劃性，必須進(jìn)行統(tǒng)一規(guī)劃，統(tǒng)一風(fēng)格，這樣才可以形成整個(gè)網(wǎng)頁(yè)的整體性。下面談?wù)劥_定主色調(diào)的兩種常用方法：

(1)根據(jù)企業(yè)的行業(yè)特點(diǎn)和產(chǎn)品特點(diǎn)，確定主色調(diào)。例如，兒童教育網(wǎng)或一些母嬰網(wǎng)站，多應(yīng)用橙色為主色調(diào)，因?yàn)槌壬亲顪嘏纳?，給人帶來(lái)幸福的感覺(jué)，更能吸引兒童或家長(zhǎng)的眼球。

(2)根據(jù)企業(yè)網(wǎng)站面向的主要用戶(hù)群體的喜好，確定主色調(diào)。例如，一個(gè)以女性為主題的網(wǎng)站，可以使用粉色，象征著女性的柔美。

另外，網(wǎng)頁(yè)文字色彩的處理對(duì)文字顏色的處理要把握兩方面的原則：可讀性和感情傳達(dá)。文字是傳達(dá)信息的載體，字體顏色選擇必須易于辨識(shí)和閱讀，而不能僅為了設(shè)計(jì)而設(shè)計(jì)。每一種字體都有自己獨(dú)特形態(tài)，同樣，不同的字體顏色也有自己的情感象征內(nèi)涵。

2.2 了解色彩搭配的適應(yīng)性

色彩本身有自己的情感，不同的色彩能夠表達(dá)不同的心理感受。作為網(wǎng)頁(yè)設(shè)計(jì)者，色彩的選擇應(yīng)有針對(duì)性，選擇與主題相一致的色彩。下面對(duì)一些常見(jiàn)的顏色進(jìn)行分析：

紅色——是一種激奮的色彩，能使人產(chǎn)生沖動(dòng)、憤怒、熱情、活力的感覺(jué)，這種顏色在表達(dá)吉祥喜慶氛圍和食品的網(wǎng)站中被廣泛應(yīng)用。

綠色——介于冷暖兩種色彩的中間，給人以和睦、寧?kù)o、健康、安全的感覺(jué)，在教育、環(huán)保和健康類(lèi)的網(wǎng)站中，綠色應(yīng)用最為廣泛。

藍(lán)色——是最具涼爽、清新、專(zhuān)業(yè)的色彩，體現(xiàn)柔順、淡雅、浪漫的氣氛。主要應(yīng)用于銀行、高科技企業(yè)網(wǎng)站，在一些表達(dá)感性訴求的文學(xué)作品網(wǎng)站中也可以應(yīng)用。

白色——具有潔白、明快、純真、清潔的感受，在一些高檔商品的網(wǎng)站中經(jīng)常應(yīng)用。

黑色——具有深沉、神秘、敏銳、先進(jìn)、穩(wěn)重的感受，這一類(lèi)的配色方案可應(yīng)用于軍事網(wǎng)站，高科技產(chǎn)品等。

另外，流行色是人們對(duì)色彩的偏好和追求時(shí)髦的心理表現(xiàn)，受時(shí)間性和季節(jié)性的影響，體現(xiàn)了不同時(shí)代、不同文化背景下的人們對(duì)于色彩的選擇和情感，反映了一個(gè)時(shí)代的審美特征。2012年是奧運(yùn)年，玫瑰紅是今年的流行色，不論是在奧運(yùn)場(chǎng)館還是大大小小的網(wǎng)站，無(wú)處不在的就是那一抹玫瑰紅。作為網(wǎng)頁(yè)設(shè)計(jì)師，就要特別關(guān)注流行色的發(fā)展，做一個(gè)色彩方面的有心人，就會(huì)使自己的網(wǎng)頁(yè)作品富有朝氣，充滿(mǎn)人氣。

2.3 了解網(wǎng)頁(yè)色彩搭配的技巧

(1)用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，其實(shí)就是將色彩變淡或加深，產(chǎn)生新的色彩，用于網(wǎng)頁(yè)。這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。

(2)用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。比如，藍(lán)色和黃色就是對(duì)比色。這樣整個(gè)頁(yè)面色彩豐富但不花哨。

(3)用一個(gè)色系。簡(jiǎn)單地說(shuō)就是用一個(gè)感覺(jué)的色彩，例如淡藍(lán)、淡綠；或者土黃、土藍(lán)。

(4)用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺(jué)很“跳”。

3.在實(shí)操訓(xùn)練中，讓學(xué)生掌握色彩搭配在網(wǎng)頁(yè)設(shè)計(jì)的有效運(yùn)用

3.1 教師實(shí)例分析，學(xué)生模仿訓(xùn)練

在學(xué)生了解了網(wǎng)頁(yè)設(shè)計(jì)的色彩搭配理論之后，教師需要及時(shí)做舉例分析，學(xué)生模仿訓(xùn)練，讓學(xué)生消化這些比較抽象的理論。下面以一個(gè)主色調(diào)為藍(lán)色的網(wǎng)頁(yè)進(jìn)行舉例分析。主要因?yàn)樗{(lán)色是冷色調(diào)最典型的代表色，是網(wǎng)站設(shè)計(jì)中運(yùn)用得最多的顏色，也是許多人鐘愛(ài)的顏色。下面根據(jù)藍(lán)色系不同屬性的同類(lèi)色、鄰近色、高純度對(duì)比、相對(duì)對(duì)比色等色彩搭配。

圖1 Everyone’s Hero網(wǎng)站首頁(yè)效果圖

如圖1所示，該網(wǎng)站的藍(lán)色系強(qiáng)對(duì)比：藍(lán)色+紅色。藍(lán)色是冷色系的最典型的代表了，而紅色是暖色系里最典型的代表，兩冷暖色系對(duì)比下讓全頁(yè)的色彩對(duì)比異常強(qiáng)烈且興奮，很容易感染帶動(dòng)瀏覽者的激昂情緒。紅色把文字圖片框起來(lái)，在藍(lán)色背景對(duì)比下，很好的突出主題，又好似模仿投影熒屏的感覺(jué)，讓人迅速聚焦于視頻中心，達(dá)到網(wǎng)站背后的最終目的。輔色調(diào)是紅色，從數(shù)值上看接近于正紅色，紅色對(duì)視覺(jué)傳遞的信息是很快的，屬于高昂響亮的顏色。點(diǎn)睛色分別是黃色、黃綠色。大家知道，黃色是明度最高的顏色，也較響亮、刺目，在這里的運(yùn)用能強(qiáng)烈地突現(xiàn)標(biāo)題。從整體來(lái)看，點(diǎn)睛色黃綠色與輔助色紅色是對(duì)比色，雖然面積不太大，只小范圍的對(duì)比，但是已經(jīng)足以達(dá)到了迅速傳遞信息的效果，讓人印象深刻，促成再訪(fǎng)點(diǎn)擊。

教師首先邊實(shí)例講解，邊演示操作，再指導(dǎo)學(xué)生模仿設(shè)計(jì)，最后教師點(diǎn)評(píng)一些做得好的和一些做得不太好的地方，或教師讓學(xué)生互相點(diǎn)評(píng)，這樣不但能提高學(xué)生網(wǎng)頁(yè)設(shè)計(jì)的技能和學(xué)習(xí)該課程的興趣，還能提高學(xué)生的語(yǔ)言表達(dá)能力和增強(qiáng)師生的課堂互動(dòng)，讓學(xué)生“愛(ài)學(xué)”和“樂(lè)學(xué)”該課程，為培養(yǎng)新一代網(wǎng)頁(yè)設(shè)計(jì)師奠定基礎(chǔ)。

3.2 學(xué)生自由設(shè)計(jì)為主，教師講解為輔

學(xué)生通過(guò)模仿訓(xùn)練，從中理解這種色彩搭配的理念，經(jīng)過(guò)幾次類(lèi)似的訓(xùn)練后，喜歡網(wǎng)頁(yè)設(shè)計(jì)的學(xué)生會(huì)掌握上面所述的網(wǎng)頁(yè)設(shè)計(jì)的色彩搭配理論。接著下一個(gè)重點(diǎn)的教學(xué)任務(wù)轉(zhuǎn)向?qū)W生依據(jù)這些原則自由設(shè)計(jì)網(wǎng)站，教師定期對(duì)學(xué)生進(jìn)行專(zhuān)業(yè)的指導(dǎo)。并不是所有學(xué)生都喜歡這門(mén)課程，所以教師在中后期的指導(dǎo)中，挖掘一些這方面的苗子進(jìn)行重點(diǎn)培養(yǎng)，鼓勵(lì)他們參加課外的網(wǎng)頁(yè)設(shè)計(jì)協(xié)會(huì)和參與協(xié)會(huì)的外包網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目，學(xué)習(xí)更多更新的關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的理念和技能，并鼓勵(lì)他們參加校內(nèi)外的網(wǎng)頁(yè)設(shè)計(jì)技能競(jìng)賽，從中獲得更多更好的實(shí)戰(zhàn)經(jīng)驗(yàn)，這對(duì)一個(gè)想成為網(wǎng)頁(yè)設(shè)計(jì)師的在校學(xué)生來(lái)說(shuō)，再好不過(guò)了。如果有條件，可推薦這些優(yōu)秀的學(xué)生在寒暑假到網(wǎng)頁(yè)設(shè)計(jì)的公司打寒暑假工，或?qū)W生自找公司，更能成就學(xué)生。

4.結(jié)束語(yǔ)

總之，教師要培養(yǎng)學(xué)生對(duì)色彩的敏感度，當(dāng)他們首次接觸一件設(shè)計(jì)作品，最先攫取其注意力的，就是作品的顏色，其次是圖像，最后才是文字。經(jīng)過(guò)教師的引導(dǎo)，并結(jié)合學(xué)生長(zhǎng)期的努力才能在實(shí)操訓(xùn)練中理解色彩搭配的理論，才能在個(gè)人的作品中表現(xiàn)這些理念，故培養(yǎng)學(xué)生從“做”中“學(xué)”，又“學(xué)”中“做”，進(jìn)而成為優(yōu)秀的網(wǎng)站設(shè)計(jì)者，為學(xué)生的人生增加一項(xiàng)謀生的技能，也為IT行業(yè)的高質(zhì)量發(fā)展做出教師應(yīng)有的貢獻(xiàn)。

[1]楊旭蘭.色彩在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用研究[D].南京林業(yè)大學(xué)學(xué)報(bào)，2009.

[2]王萍.淺談網(wǎng)頁(yè)色彩的配色[J].硅谷，2009(1)：124.

[3]劉會(huì)菊.淺析網(wǎng)頁(yè)美工設(shè)計(jì)中色彩搭配[J].城市建設(shè)理論研究，2011，6.

[4]陳慧民，李咸龍.web標(biāo)準(zhǔn)的發(fā)展與應(yīng)用[J]北京：計(jì)算機(jī)系統(tǒng)應(yīng)用，2008(10).