摘 要：網(wǎng)頁(yè)設(shè)計(jì)可看做是平面設(shè)計(jì)的一個(gè)延伸，是將平面設(shè)計(jì)與信息化技術(shù)相結(jié)合的一門(mén)設(shè)計(jì)藝術(shù)。本文從網(wǎng)頁(yè)設(shè)計(jì)中的審美需求和視覺(jué)流程入手，著重探討網(wǎng)站版面的編排與設(shè)計(jì)，旨在為網(wǎng)頁(yè)設(shè)計(jì)教學(xué)者和未來(lái)的設(shè)計(jì)師們提供參考。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；設(shè)計(jì)藝術(shù)；審美需求

近年來(lái)，人們的生活已經(jīng)與互聯(lián)網(wǎng)密不可分，在工作、學(xué)習(xí)，娛樂(lè)等各個(gè)方面，互聯(lián)網(wǎng)帶給我們的便利無(wú)可取代。網(wǎng)頁(yè)可以說(shuō)是互聯(lián)網(wǎng)的臉，我們通過(guò)瀏覽網(wǎng)頁(yè)來(lái)獲取信息，進(jìn)行溝通與交流。因此，一張好看的臉對(duì)一個(gè)網(wǎng)頁(yè)、網(wǎng)站來(lái)說(shuō)可以更吸引人。然而網(wǎng)頁(yè)設(shè)計(jì)在我國(guó)仍處在一個(gè)較初級(jí)的階段，專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)師數(shù)目很少，這就需要高質(zhì)量的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)來(lái)培養(yǎng)更多的專(zhuān)業(yè)人才。如何綜合文字、圖片、色彩及用戶(hù)審美需求等各方因素，編排設(shè)計(jì)出一個(gè)視覺(jué)效果良好的版面，是網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中的一個(gè)重點(diǎn)。

1 用戶(hù)的審美需求

上世紀(jì)末互聯(lián)網(wǎng)剛登陸我國(guó)時(shí)，發(fā)展勢(shì)頭過(guò)于迅速。很多網(wǎng)站在創(chuàng)立之初只是想趕緊搶占一席之地，而沒(méi)有將太多的時(shí)間和精力投入到網(wǎng)頁(yè)的設(shè)計(jì)中，結(jié)果是雖然各個(gè)網(wǎng)站內(nèi)容各不相同，但一看之下，版面幾乎都是同一風(fēng)格，幾乎毫無(wú)新意，很快就導(dǎo)致了用戶(hù)的審美疲勞。隨著網(wǎng)絡(luò)不斷的發(fā)展，人們對(duì)網(wǎng)站的版面和整體風(fēng)格越發(fā)重視，網(wǎng)站管理者若沒(méi)有一張好看的“臉”，將很難留住用戶(hù)。這就要求設(shè)計(jì)者們從藝術(shù)的角度出發(fā)，從用戶(hù)的審美需求入手，結(jié)合平面設(shè)計(jì)中對(duì)美學(xué)的解釋運(yùn)用一些藝術(shù)的基本形式來(lái)改造網(wǎng)頁(yè)的版面，從而使其更具美感、更有個(gè)性。

1.1 版面的規(guī)范化

網(wǎng)頁(yè)版面的設(shè)計(jì)要遵循一定的規(guī)律，明確編排時(shí)的重點(diǎn)，分清主次內(nèi)容，按由主到次的順序逐步完成編排。尤其在使用符號(hào)、圖片、文字、動(dòng)畫(huà)等內(nèi)容時(shí)，要遵循平面設(shè)計(jì)中形式美的視覺(jué)規(guī)律，強(qiáng)調(diào)文字、圖片及色彩的搭配。同時(shí)，網(wǎng)頁(yè)的設(shè)計(jì)必須要與網(wǎng)頁(yè)內(nèi)容想關(guān)聯(lián)，不可脫離主題，僅為美學(xué)而設(shè)計(jì)。

1.2 版面的均衡性

頁(yè)面的編排中，可以將單個(gè)的文字看做是點(diǎn)，成行的文字看做是線(xiàn)，成段落的文字看成面。點(diǎn)、線(xiàn)、面的排列要強(qiáng)調(diào)均衡性。三種形式要因?qū)嶋H情況而采用。如單個(gè)文字，用起來(lái)會(huì)十分突兀，但可以讓用戶(hù)一眼就看到；成段文字可以排列十分美觀(guān)，但用戶(hù)可能因?yàn)樽謹(jǐn)?shù)過(guò)多而放棄閱讀。文字的排列方式一般有水平、垂直、傾斜，前兩種容易帶給人穩(wěn)定，安寧的感覺(jué)，而傾斜會(huì)讓人不由產(chǎn)生運(yùn)動(dòng)感。合理的結(jié)合三種排列方式，保證頁(yè)面整體平衡的情況下給局部安插一些斜體字，會(huì)顯得更動(dòng)感而富有生氣。

2 設(shè)計(jì)中的視覺(jué)流程

一個(gè)網(wǎng)站要得到用戶(hù)的喜愛(ài)，其頁(yè)面內(nèi)容、整體布局都必須通過(guò)視覺(jué)感官使用戶(hù)感到愉悅或欣賞。而精心設(shè)計(jì)過(guò)得頁(yè)面相比隨意的版面編排無(wú)疑要更容易吸引用戶(hù)，從而增加網(wǎng)站的訪(fǎng)問(wèn)量。網(wǎng)站要通過(guò)網(wǎng)頁(yè)傳達(dá)信息，就必須要要慮到視覺(jué)元素的處理，只有擁有良好的視覺(jué)效果，才能稱(chēng)得上是新時(shí)代背景下真正意義上的新媒體。這就要求網(wǎng)頁(yè)設(shè)計(jì)師們從人們的日常生活出發(fā)，更多的考慮人們的閱讀習(xí)慣。對(duì)于網(wǎng)頁(yè)版面的編排，各個(gè)元素之間的排列及其各自的大小、位置，都要結(jié)合閱讀順序。使用戶(hù)保留自己的習(xí)慣，在閱讀網(wǎng)頁(yè)時(shí)感到輕松，自然。

3 網(wǎng)頁(yè)中各構(gòu)成要素的分析

網(wǎng)頁(yè)的作用在于傳遞信息，而網(wǎng)頁(yè)設(shè)計(jì)就是服務(wù)于這個(gè)目的。通過(guò)優(yōu)化網(wǎng)頁(yè)中文字、圖片、色彩的造型、排列和放置，使網(wǎng)頁(yè)更美觀(guān)，更容易讓人獲取信息。如何處理文字、圖片和色彩，值得我們做更多的討論。

3.1 文字的處理

文字是傳遞信息的核心部分，網(wǎng)頁(yè)設(shè)計(jì)中一定會(huì)涉及文字的處理。且一般來(lái)說(shuō)文字占整個(gè)頁(yè)面篇幅較大，因此文字處理好壞直接影響到整個(gè)頁(yè)面設(shè)計(jì)的水平。設(shè)計(jì)師在進(jìn)行處理時(shí)需要考慮文字編輯的整體效果，應(yīng)盡量給人以簡(jiǎn)潔亮麗的視覺(jué)效果，要避免頁(yè)面中文字效果凌亂、復(fù)雜，過(guò)多刻意的修飾若使用不當(dāng)反而會(huì)適得其反，因此在必要時(shí)，可以不加修飾，僅保留文字本身。此外，設(shè)計(jì)時(shí)還應(yīng)注意文字的格式、大小及字體要配合文章內(nèi)容?？偠灾侠磉\(yùn)用美學(xué)的觀(guān)念編輯文字。

3.2 圖片的處理

網(wǎng)絡(luò)訊息傳播的速度越來(lái)越快，造成了較普遍的“快餐式閱讀”現(xiàn)象。這種現(xiàn)象是指用戶(hù)在互聯(lián)網(wǎng)上閱讀時(shí)往往只關(guān)注標(biāo)題和核心段落，而僅僅會(huì)對(duì)極少部分感興趣的內(nèi)容完成全文的閱讀。網(wǎng)頁(yè)上好的圖片可以激發(fā)用戶(hù)的閱讀興趣，而且圖片的合理編排可以大大增加網(wǎng)頁(yè)的美觀(guān)，使得原本單純的文本閱讀變的更有趣味。因此，版面設(shè)計(jì)中必須重視圖片的處理。選擇圖片的內(nèi)容、數(shù)量、大小和方向等都可直接影響到網(wǎng)頁(yè)的整體布局，在對(duì)圖片進(jìn)行處理時(shí)，我們要遵循精簡(jiǎn)的原則，盡量少的選擇圖片，盡量選擇高質(zhì)量高度切合主題的圖片，力圖用圖片抓住讀者。

未來(lái)的互聯(lián)網(wǎng)到底會(huì)發(fā)展到怎樣的一個(gè)程度，沒(méi)有人可以預(yù)測(cè)。網(wǎng)頁(yè)設(shè)計(jì)的出現(xiàn)雖然只有短短十幾年，卻必須要不斷跟隨互聯(lián)網(wǎng)飛速的發(fā)展而不斷變革和創(chuàng)新。又因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)本身綜合了傳統(tǒng)媒體的各種平面設(shè)計(jì)因素，又必須講設(shè)計(jì)師的美學(xué)理念通過(guò)計(jì)算機(jī)展現(xiàn)在網(wǎng)頁(yè)上。這就要求網(wǎng)頁(yè)設(shè)計(jì)師必須具備較高的設(shè)計(jì)文化素養(yǎng)，在設(shè)計(jì)中綜合考慮各方面因素，且必須具備創(chuàng)新意識(shí)，緊跟潮流，應(yīng)互聯(lián)網(wǎng)之發(fā)展不斷探索更高水準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)。

[參考文獻(xiàn)]

[1]Paul M.larsst.視覺(jué)傳播——形象載動(dòng)信息[M].霍文利譯.北京廣播學(xué)院出版社，2003，2（8）：6-10.

[2]西門(mén)柳上，馬國(guó)良，劉清華.正在爆發(fā)的互聯(lián)網(wǎng)革命[M].機(jī)械工業(yè)出版社，2009，2（5）：22-24.

[3]王受之.世界平面設(shè)計(jì)史[M].中國(guó)青年出版社，2006.2（5）：68-74.