淺談網(wǎng)頁設(shè)計(jì)教學(xué)中網(wǎng)站版面的編排與設(shè)計(jì)

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

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

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

1 用戶的審美需求

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

1.1 版面的規(guī)范化

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

1.2 版面的均衡性

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

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

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

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

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

3.1 文字的處理

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

3.2 圖片的處理

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

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

[參考文獻(xiàn)]

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

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

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