網(wǎng)頁設(shè)計中的美學(xué)應(yīng)用研究

付昕

摘要：網(wǎng)頁是網(wǎng)絡(luò)平臺的重要載體，網(wǎng)頁設(shè)計效果的關(guān)鍵在于對美學(xué)信息的應(yīng)用，尤其是隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，人們對網(wǎng)頁審美要求的提高，使得網(wǎng)頁設(shè)計與美學(xué)之間的關(guān)聯(lián)性越來越強。該文通過對美學(xué)在網(wǎng)頁設(shè)計中的具體應(yīng)用為論述重點，闡述在美學(xué)在網(wǎng)頁設(shè)計中應(yīng)用的發(fā)展趨勢。

關(guān)鍵詞：網(wǎng)頁設(shè)計；美學(xué)；應(yīng)用

中圖分類號：TP393 文獻標識碼：A 文章編號：1009-3044（2016）08-0200-02

網(wǎng)頁設(shè)計是網(wǎng)絡(luò)技術(shù)與設(shè)計藝術(shù)的交叉學(xué)科，需要網(wǎng)頁設(shè)計者既要懂得熟練的計算機專業(yè)技術(shù)，還要具有較高的平面設(shè)計藝術(shù)特征。在互聯(lián)網(wǎng)高速發(fā)展的時代背景下，網(wǎng)頁成為直接吸引瀏覽者的因素，如何在美觀程度、視覺沖擊以及版面構(gòu)成等方面滿足網(wǎng)民的審美需求是網(wǎng)頁設(shè)計應(yīng)用美學(xué)的最大價值所在。

1 網(wǎng)頁設(shè)計的特征

網(wǎng)頁設(shè)計作為一種特殊的信息媒介設(shè)計，要求網(wǎng)頁界面的設(shè)計要滿足多元化發(fā)展的需要，具體表現(xiàn)在：

1）交互性。網(wǎng)絡(luò)時代背景下的網(wǎng)頁優(yōu)勢在于實現(xiàn)了信息的動態(tài)變化與即時交互性，因此在網(wǎng)頁設(shè)計時也必須要緊緊把握即時交互性原則，不僅要保證信息需求者可以第一時間掌握最新發(fā)生的信息，而且還要滿足視界效果的更新性，讓信息瀏覽者以一個主動者的角色加入到信息處理中。比如某網(wǎng)站的界面設(shè)計內(nèi)容會隨著某種信息宣傳的需求而不定期的更改版面，以此滿足瀏覽者的信息需求要求。

2）特定的設(shè)計風(fēng)格。網(wǎng)頁設(shè)計是由特定的主體決定的，也就是不同的網(wǎng)站主題決定了網(wǎng)頁設(shè)計風(fēng)格，而網(wǎng)站的主題則是需要通過網(wǎng)站的色彩與視覺符號直接體現(xiàn)出來的，一般在進行網(wǎng)頁設(shè)計時需要確定網(wǎng)站的主題，然后在根據(jù)網(wǎng)站主題內(nèi)容進行相應(yīng)顏色的選擇。以紅色教育網(wǎng)站為例，一般紅色教育網(wǎng)站的頁面都以紅色或者黑色為主，這主要是與“紅色革命”教育有關(guān)。另外其還具有版面編排的不可控性。在進行網(wǎng)頁設(shè)計時不能對版面大小進行控制，這主要是根據(jù)用戶端的媒介工具有關(guān)。

3）技術(shù)與藝術(shù)的有序結(jié)合。網(wǎng)頁設(shè)計屬于一門新興的學(xué)科，其需要應(yīng)用到大量的專業(yè)學(xué)科知識，尤其是藝術(shù)與計算機技術(shù)的融合是網(wǎng)頁設(shè)計的最大特點，網(wǎng)頁設(shè)計不能以技術(shù)為中心，而是強調(diào)技術(shù)與藝術(shù)的融合，通過藝術(shù)反映網(wǎng)頁內(nèi)容，以技術(shù)支撐藝術(shù)設(shè)計。尤其是要注意的是網(wǎng)頁技術(shù)的 應(yīng)用要適合網(wǎng)絡(luò)環(huán)境，不能單獨的強調(diào)藝術(shù)效應(yīng)而忽視技術(shù)的應(yīng)用。

2 網(wǎng)頁設(shè)計中應(yīng)用美學(xué)的具體體現(xiàn)

從網(wǎng)頁設(shè)計的發(fā)展歷程來看，網(wǎng)頁設(shè)計經(jīng)歷了三個發(fā)展階段：一是簡單的靜態(tài)網(wǎng)頁階段；二是圖文并茂的網(wǎng)頁設(shè)計階段；三是動態(tài)互動式的網(wǎng)頁設(shè)計階段。隨著網(wǎng)民對網(wǎng)頁視覺需求的日益提高以及網(wǎng)站競爭的日益嚴峻，如何吸引瀏覽者的注意力是網(wǎng)頁設(shè)計者需要考慮的問題。美學(xué)不是抽象的概念，而是融合多種藝術(shù)表現(xiàn)手段的系統(tǒng)，通過運用美學(xué)可以提升網(wǎng)頁設(shè)計的內(nèi)涵，完善網(wǎng)頁設(shè)計的功能，達到網(wǎng)頁在內(nèi)容、功能以及形式上的完善。具體美學(xué)在網(wǎng)頁設(shè)計中的應(yīng)用主要體現(xiàn)在：

1）美術(shù)設(shè)計在網(wǎng)頁設(shè)計中的應(yīng)用

在網(wǎng)頁設(shè)計中，美術(shù)設(shè)計屬于重要的應(yīng)用部分，完善的美術(shù)設(shè)計可以豐富網(wǎng)頁的內(nèi)容，給瀏覽者以獨特的視覺沖擊。美術(shù)設(shè)計的應(yīng)用主要包括：一是文字語言的應(yīng)用設(shè)計。文字是信息傳遞的重要載體，不同的文字設(shè)計效果會帶來不同的視覺效果。另外在文字的編排上要側(cè)重藝術(shù)性與實用性，具體就是網(wǎng)頁界面文字設(shè)計編排一定要與網(wǎng)站的整體界面內(nèi)容相符合，實現(xiàn)傳遞信息的同時要實現(xiàn)視覺美感；二是圖形圖像的設(shè)計。圖形圖像是網(wǎng)頁的重要組成部分，優(yōu)美的圖形圖像可以足夠信息網(wǎng)民的眼球，圖形圖像可以直接將設(shè)計者的理念反映出來，圖形圖像可以通過點、線、面融合的方式達到，通過各種藝術(shù)表現(xiàn)形式達到優(yōu)化網(wǎng)頁設(shè)計的目的。當(dāng)然在網(wǎng)頁設(shè)計中使用大膽、個性化的圖形可以增加沖擊效果。圖形圖像應(yīng)用到網(wǎng)頁設(shè)計中需要設(shè)計者根據(jù)設(shè)計要求選擇相應(yīng)的設(shè)計元素，直線圖形會給人一種簡單明確的效果，而粗直線圖形則顯得畫面的厚度，給人以穩(wěn)定。

2）色彩在網(wǎng)頁設(shè)計中的應(yīng)用

色彩是網(wǎng)頁設(shè)計中的視知覺感受因素，色彩在網(wǎng)頁設(shè)計中的效果是巨大的，其主要具有劃分視覺分區(qū)、重點標記主題以及引起更多關(guān)注的特點。色彩在網(wǎng)頁設(shè)計中的應(yīng)用為：一是色彩的對比。不同的色彩在一起會形成不同的視覺感受，因此通過色彩對比可以確定設(shè)計的主題，達到視覺效果。在網(wǎng)頁設(shè)計時背景面積大的時候可以采取明度高、純度低的配色，以此實現(xiàn)視覺效應(yīng)；二是色彩的應(yīng)用處理。主頁的色彩處理得好，可以錦上添花，達到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對比”，也就是：主頁的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上，可以根據(jù)主頁內(nèi)容的需要，分別采用不同的主色調(diào)。因為色彩具有象征性，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標志色。不同的職業(yè)有著固定的顏色，例如綠色一般代表軍人，白色代表醫(yī)生等。

3）平面設(shè)計在網(wǎng)頁設(shè)計中的應(yīng)用

平面設(shè)計是相對網(wǎng)頁結(jié)構(gòu)而言的，平面設(shè)計強度的是各種網(wǎng)頁組成部分的形態(tài)比例、對比等效果：一是比例。注重比例關(guān)系是處理整體與局部的重要手段，在網(wǎng)頁設(shè)計中需要融合文字、圖形圖像以及動畫等，因此需要對不同的部位進行整體的比例設(shè)計，以此實現(xiàn)結(jié)構(gòu)合理化。一般用于平面設(shè)計的方法是水平分割、垂直分割以及比例分割等等；二是重復(fù)與漸變。平面設(shè)計需要對圖形等進行科學(xué)的設(shè)計，以此達到柔和和含蓄的力量。比如在我們登入某些網(wǎng)頁時存在登入就自動彈出一些窗口的現(xiàn)象，此種現(xiàn)象影響瀏覽心情，所有這就需要網(wǎng)頁設(shè)計時認識到此種問題，降低使用懸浮界面，并且對網(wǎng)頁中的內(nèi)容結(jié)構(gòu)等進行優(yōu)化設(shè)計，定期進行更新，防止網(wǎng)頁內(nèi)容過于陳舊，而導(dǎo)致信息瀏覽者出現(xiàn)審美疲勞。

4）網(wǎng)頁的合理布局

網(wǎng)頁布局大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下框架型、封面型、FLASH型、綜合框架型等。在以上布局中，對于不同的形狀，代表著不同的意義。比如：矩形代表著正式、規(guī)則，很多ICP和政府網(wǎng)頁都是以矩形為整體造型；圓形代表著柔和、團結(jié)、溫暖、安全等，許多時尚站點喜歡以圓形為頁面整體造型，三角型代表著力量、權(quán)威、牢固、侵略等，許多大型的商業(yè)站點為了顯示它的權(quán)威性常以三角形為頁面的整體造型；菱形代表著平衡、協(xié)調(diào)、公平，一些交友站點常運用菱形作為頁面整體造型。目前的網(wǎng)頁制作多數(shù)是結(jié)合多個圖形加以設(shè)計，在這其中某種圖形的構(gòu)圖比例可能占的多一些。

3 網(wǎng)頁設(shè)計應(yīng)用美學(xué)的發(fā)展趨勢

隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，人們對互聯(lián)網(wǎng)信息的需求越來越大，因此網(wǎng)站之間的競爭越來越激烈，網(wǎng)站設(shè)計者如何在競爭中國脫穎而出的關(guān)鍵就是提高網(wǎng)頁設(shè)計的科學(xué)性，吸引用戶的眼球。將美學(xué)應(yīng)用到網(wǎng)頁設(shè)計中是網(wǎng)頁設(shè)計發(fā)的必然趨勢，結(jié)合當(dāng)前網(wǎng)頁設(shè)計的發(fā)展特點，未來美學(xué)應(yīng)用到網(wǎng)頁設(shè)計中的趨勢呈現(xiàn)出：一是個性化設(shè)計越來越受到用戶的關(guān)注，因此網(wǎng)頁設(shè)計者在設(shè)計的時候更加注重網(wǎng)頁的個性化設(shè)計。個性化設(shè)計強調(diào)的就是創(chuàng)新與不同，因此其必須要綜合應(yīng)用到不同的美學(xué)概念，從文字、圖形以及網(wǎng)頁布局等多方面入手，創(chuàng)建個性化的網(wǎng)頁；二是動漫圖形的應(yīng)用越來越廣泛?；谌藗児ぷ鲏毫Φ牟粩嘣黾右约坝脩艚佑|網(wǎng)站機會的增大，用戶對于網(wǎng)頁的了解首先是從圖形入手，因此如何通過即使圖像吸引用戶是未來網(wǎng)頁設(shè)計所需要考慮的事情；三是網(wǎng)頁設(shè)計要實現(xiàn)人性化。美學(xué)的最終追求是以滿足人的需求為主的，因此在網(wǎng)頁設(shè)計中要緊緊將人性化融入其中，通過構(gòu)建迎合用戶需求的網(wǎng)頁提高關(guān)注。

將藝術(shù)與技術(shù)有效結(jié)合，可以在網(wǎng)頁設(shè)計中取得良好的效益。網(wǎng)頁設(shè)計的中我們要充分的運用“美學(xué)”設(shè)計的原理。根據(jù)設(shè)計任務(wù)和信息特點，通過色彩構(gòu)成、平面設(shè)計、結(jié)構(gòu)布局的運用，選擇不同的色彩搭配，使整個頁面在視覺上構(gòu)成一體，達到和諧悅目的視覺效果

參考文獻：

[1] 章蕾.淺淡網(wǎng)頁設(shè)計課程中的美學(xué)[J].計算機光盤軟件與應(yīng)用，2013（9）.

[2] 張小軍.淺談網(wǎng)頁設(shè)計過程中需要注意的美學(xué)問題[J].甘肅廣播電視大學(xué)學(xué)報，2012（3）.

[3] 嚴晨.格式塔心理美學(xué)在網(wǎng)頁設(shè)計中的體現(xiàn)[J].科技與出版，2012（2）.

[4] 鐘園園，陶雪琴.網(wǎng)頁設(shè)計中美學(xué)的應(yīng)用[J].才智，2012（12）.