付昕

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

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

中圖分類(lèi)號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）08-0200-02

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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

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