淺淡網(wǎng)頁設(shè)計(jì)課程中的美學(xué)

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

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

中圖分類號：TP393

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3 結(jié)語

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

參考文獻(xiàn)：

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

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

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