摘 要：本文從傳統(tǒng)網(wǎng)頁(yè)教學(xué)入手，闡述了美學(xué)在網(wǎng)頁(yè)設(shè)計(jì)課程中的重要性及網(wǎng)絡(luò)技術(shù)的概念；并對(duì)美學(xué)知識(shí)在網(wǎng)頁(yè)元素、色彩、頁(yè)面布局三方面的應(yīng)用進(jìn)行了分析。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；美學(xué)；色彩；頁(yè)面布局

中圖分類號(hào)：TP393

當(dāng)今的社會(huì)是一個(gè)網(wǎng)絡(luò)信息化社會(huì)。作為網(wǎng)絡(luò)信息傳播的重要載體—網(wǎng)頁(yè)，由于其具有傳播速度快、傳播面廣、交互性好等特點(diǎn)，為信息傳播提供了最佳的平臺(tái)。因此，在很多高等院校中都開(kāi)設(shè)了網(wǎng)頁(yè)設(shè)計(jì)課程。在傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中，教師只注重像網(wǎng)站編程語(yǔ)言HTML語(yǔ)言，Java語(yǔ)言，Javascript腳本語(yǔ)言等網(wǎng)絡(luò)技術(shù)理論知識(shí)和像fontpage，Dreamweaver等網(wǎng)頁(yè)制作軟件的講授與練習(xí)，在學(xué)生提交網(wǎng)頁(yè)設(shè)計(jì)作品時(shí)，制作出的網(wǎng)頁(yè)非常粗糙，出現(xiàn)了很多問(wèn)題，最常見(jiàn)的問(wèn)題有：（1）網(wǎng)頁(yè)的整體布局不合理。出現(xiàn)了頁(yè)面尺寸不合理，整體造型選擇不當(dāng)，頁(yè)頭與其它元素位置、大小排列不當(dāng)?shù)惹闆r。（2）網(wǎng)頁(yè)中元素與內(nèi)容不協(xié)調(diào)，顏色的搭配不合理。網(wǎng)頁(yè)中圖片、文字的尺寸、顏色等與整體背景不協(xié)調(diào)，出現(xiàn)了頁(yè)面中顏色過(guò)多，頁(yè)面背景雜亂，頁(yè)面中元素的色彩相近，無(wú)法突出主題等情況。

而造成這些問(wèn)題的根本原因是學(xué)生美學(xué)知識(shí)水平較低，缺乏審美觀，不能將網(wǎng)頁(yè)的構(gòu)成元素利用美學(xué)規(guī)律合理的組織在一起。因此，筆者認(rèn)為在網(wǎng)頁(yè)設(shè)計(jì)課程中引入美學(xué)知識(shí)是必要的。

1 美學(xué)在網(wǎng)頁(yè)設(shè)計(jì)課程中的重要性

網(wǎng)頁(yè)設(shè)計(jì)并非單一的網(wǎng)絡(luò)技術(shù)，而是將網(wǎng)絡(luò)技術(shù)、美學(xué)知識(shí)與心理學(xué)知識(shí)結(jié)合的綜合技術(shù)。在網(wǎng)頁(yè)設(shè)計(jì)課程中，最難的不是各種編程語(yǔ)言、軟件工具怎么使用，而是要懂得利用互聯(lián)網(wǎng)的特性和用戶對(duì)目標(biāo)市場(chǎng)的準(zhǔn)確定位，把頁(yè)面設(shè)計(jì)的趣味盎然，引人入勝，從眾多的頁(yè)面中脫穎而出，以吸引瀏覽者的目光，增加頁(yè)面的點(diǎn)擊率。這不僅考驗(yàn)網(wǎng)頁(yè)設(shè)計(jì)人員的技術(shù)，更考驗(yàn)網(wǎng)頁(yè)設(shè)計(jì)人員的藝術(shù)修養(yǎng)與美學(xué)知識(shí)的有效運(yùn)用。

所以，在對(duì)于非藝術(shù)專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)人員，在網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)中，讓學(xué)生接授美學(xué)知識(shí)的學(xué)習(xí)和培養(yǎng)是學(xué)生靈活運(yùn)用美學(xué)設(shè)計(jì)的關(guān)鍵。

2 網(wǎng)頁(yè)設(shè)計(jì)課程中美學(xué)的應(yīng)用

為了達(dá)到頁(yè)面內(nèi)容、功能和形式的統(tǒng)一、和諧、美觀，美學(xué)在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中表現(xiàn)形式有三種：即網(wǎng)頁(yè)元素、色彩、和網(wǎng)頁(yè)布局。

2.1 在網(wǎng)頁(yè)設(shè)計(jì)中利用美學(xué)知識(shí)美化網(wǎng)頁(yè)元素

網(wǎng)頁(yè)設(shè)計(jì)元素主要包括：文字、圖像、動(dòng)畫(huà)等多媒體元素。

文字是網(wǎng)頁(yè)的主體，是傳達(dá)信息的主要元素，利用美學(xué)知識(shí)，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)選擇合適大小、顏色、形狀的文字是很重要的。

圖像是網(wǎng)頁(yè)中又一重要元素。在頁(yè)面中，設(shè)計(jì)人員常利用圖像生動(dòng)、形象、直觀地表達(dá)網(wǎng)頁(yè)主題，從而增強(qiáng)網(wǎng)頁(yè)的宣傳力、感染力和號(hào)召力。而在網(wǎng)頁(yè)設(shè)計(jì)之初，原始的圖像素材在大小、色彩、風(fēng)格上通常不能完全適應(yīng)網(wǎng)頁(yè)的要求，因此，采用美學(xué)的繪畫(huà)理論和技術(shù)，用Photoshop等圖像處理軟件對(duì)圖像素材進(jìn)行處理和加工，可以更好地表現(xiàn)網(wǎng)頁(yè)的主題。

視頻和動(dòng)畫(huà)元素。采用美學(xué)的理論和技術(shù)，用像Flash，Premier，3Dmax等軟件對(duì)動(dòng)畫(huà)和視頻進(jìn)行設(shè)計(jì)和加工，可以使瀏覽者看到更具創(chuàng)造性、更具趣味性和吸引力的內(nèi)容。

2.2 在網(wǎng)頁(yè)設(shè)計(jì)中合理使用色彩

色彩是人視覺(jué)最敏感的東西。它能賦予網(wǎng)頁(yè)以意義。在瀏覽網(wǎng)頁(yè)時(shí)，色彩可以幫助轉(zhuǎn)移瀏覽者的視線，同時(shí)色彩在網(wǎng)頁(yè)中還能表達(dá)網(wǎng)頁(yè)所代表的情感和價(jià)值觀。網(wǎng)頁(yè)中色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。在網(wǎng)頁(yè)中使用色彩時(shí)應(yīng)注重以下幾個(gè)方面：

在選擇色彩時(shí)，遵循“總體協(xié)調(diào)，局部對(duì)比”的原則。即網(wǎng)頁(yè)的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)。背景色和前景色對(duì)比盡量要大，勿用花紋繁復(fù)的圖案作背景，要以文字內(nèi)容為主體。

在選擇色彩時(shí)，不僅要遵從藝術(shù)規(guī)律，還應(yīng)考慮人的生理特點(diǎn)。搭配合理，給瀏覽者一種和諧、愉快的感覺(jué)，避免采用純度很高的單一色彩，以免造成視覺(jué)疲勞。

在選擇色彩時(shí)，考慮網(wǎng)站本身的特點(diǎn)，確定網(wǎng)頁(yè)的色相、冷暖色調(diào)與對(duì)比色調(diào)。暖色調(diào)包括紅色、橙色、黃色等，在對(duì)比中強(qiáng)調(diào)暖色調(diào)，可以使頁(yè)面呈現(xiàn)熱情、積極、溫馨的情緒。冷色調(diào)包括青色、灰色、白色、紫色等，在對(duì)比中強(qiáng)調(diào)冷色調(diào)，可以使頁(yè)面呈現(xiàn)出一種清涼、高潔、穩(wěn)重、肅穆甚至蕭瑟的情緒。

在選擇色彩時(shí)，注意色彩的地域性、民族性、文化性等特性，要準(zhǔn)確地把握色彩的特性和不同網(wǎng)頁(yè)角色中的應(yīng)用，盡可能地采用符合瀏覽者審美傾向的色彩，以使其產(chǎn)生共鳴。例如黃色在信仰基督教的國(guó)家是下等色，設(shè)計(jì)者應(yīng)避免使用。

2.3 在網(wǎng)頁(yè)設(shè)計(jì)中利用美學(xué)對(duì)版面進(jìn)行布局。

網(wǎng)頁(yè)布局的好壞會(huì)直接影響網(wǎng)頁(yè)的視覺(jué)效果。網(wǎng)頁(yè)設(shè)計(jì)者運(yùn)用美學(xué)的平面構(gòu)成理論，對(duì)網(wǎng)頁(yè)布局進(jìn)行創(chuàng)意設(shè)計(jì)，可以設(shè)計(jì)出顯示特定設(shè)計(jì)風(fēng)格的、美觀大方的頁(yè)面?！捌矫鏄?gòu)成”作為主要技術(shù)手段，它主要強(qiáng)調(diào)的是點(diǎn)、線、面的設(shè)計(jì)與運(yùn)用。點(diǎn)在網(wǎng)頁(yè)布局的設(shè)計(jì)中起著活躍、豐富畫(huà)面的作用，體現(xiàn)出集中視線、局部細(xì)節(jié)、突出主體的視覺(jué)效果；線在網(wǎng)頁(yè)布局的設(shè)計(jì)中具有連接、分割的作用，體現(xiàn)出規(guī)則、平穩(wěn)的視覺(jué)效果；面在網(wǎng)頁(yè)布局的設(shè)計(jì)中有著形狀豐富多變的特點(diǎn)，體現(xiàn)出多層次感、縱深感的視覺(jué)效果。同時(shí)根據(jù)“平面構(gòu)成”理論和網(wǎng)頁(yè)的應(yīng)用類型可將網(wǎng)頁(yè)大致可分為“國(guó)”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型。

在進(jìn)行網(wǎng)頁(yè)布局時(shí)，根據(jù)內(nèi)容的需要，既要強(qiáng)調(diào)網(wǎng)頁(yè)結(jié)構(gòu)形式的視覺(jué)整體性，又要兼顧結(jié)構(gòu)布局的靈活性，力求在整體性和靈活性之間尋找到最佳切入點(diǎn)，使設(shè)計(jì)的網(wǎng)頁(yè)不因?yàn)楸ＷC“整體”效果變的呆板、沉悶。將網(wǎng)頁(yè)素材如圖片、文字、動(dòng)畫(huà)等按照一定的次序進(jìn)行合理的編排和布局，使它們組成一個(gè)有機(jī)的整體，展現(xiàn)給瀏覽者可以依據(jù)如下幾條來(lái)做：

主次分明，中心突出。在一個(gè)頁(yè)面上，必然考慮視覺(jué)的中心，這個(gè)中心一般在屏幕的中央，或者在中間偏上的部位。因此，一些重要的文章和圖片一般

可以安排在這個(gè)部位，在視覺(jué)中心以外的地方就可以安排那些稍微次要的內(nèi)容，這樣在頁(yè)面上就突出了重點(diǎn)，做到了主次有別。

大小搭配，相互呼應(yīng)。較長(zhǎng)的文章或標(biāo)題，不要編排在一起，要有一定的距離，同樣，較短的文章，也不能編排在一起。對(duì)待圖片的安排也是這樣，要

互相錯(cuò)開(kāi)，造成大小之間有一定的間隔，這樣可以使頁(yè)面錯(cuò)落有致，避免重心的偏離。

圖文并茂，相得益彰。文字和圖片具有一種相互補(bǔ)充的視覺(jué)關(guān)系，頁(yè)面上文字太多，就顯得沉悶，缺乏生氣。頁(yè)面上圖片太多，缺少文字，必然就會(huì)減

少頁(yè)面的信息容量。因此，最理想的效果是文字與圖片的密切配合，互為襯托，既能活躍頁(yè)面，又使主頁(yè)有豐富的內(nèi)容。

3 結(jié)語(yǔ)

隨著互聯(lián)網(wǎng)的迅猛發(fā)展，人們對(duì)網(wǎng)頁(yè)的要求已不僅僅滿足于文字和信息上面，他們希望在通過(guò)網(wǎng)頁(yè)獲取知識(shí)的同時(shí)，能夠得到美的享受。在網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)中，將美學(xué)知識(shí)與網(wǎng)頁(yè)技術(shù)的有機(jī)結(jié)合，是當(dāng)今網(wǎng)絡(luò)信息時(shí)代的要求。在學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)作品中，只有將美學(xué)知識(shí)合理地運(yùn)用于網(wǎng)頁(yè)設(shè)計(jì)中，所設(shè)計(jì)的網(wǎng)頁(yè)作品才能更具有生命力，增加網(wǎng)頁(yè)的藝術(shù)表現(xiàn)力，最大限度地實(shí)現(xiàn)自己的創(chuàng)作思想，滿足用戶審美需求，也更易于網(wǎng)站的推廣。

參考文獻(xiàn)：

[1]張亮.論網(wǎng)頁(yè)設(shè)計(jì)中的美學(xué)[J].大眾科技，2009（3）：38-39.

[2]曾漢霞，楊嘉偉.網(wǎng)頁(yè)設(shè)計(jì)中的色彩運(yùn)用藝術(shù)[J].大家，2010（16）：78.

[3]張帆，羅琦.網(wǎng)頁(yè)界面設(shè)計(jì)藝術(shù)教程[M].北京：人民郵電出版社.