郭麗春

摘要：隨著科學(xué)技術(shù)的迅速發(fā)展，網(wǎng)絡(luò)已滲透到人們生活的每個角落，它是繼報刊、廣播、電視之后的“第四大眾傳媒”。網(wǎng)絡(luò)作為一種新的信息載體，也為設(shè)計者提供了新的設(shè)計領(lǐng)域。網(wǎng)頁版式設(shè)計在整個網(wǎng)站中具有重要的信息傳播及引導(dǎo)性作用，它決定了網(wǎng)站的個性特征和藝術(shù)蘊性，決定了網(wǎng)頁的整體視覺印象。本文闡述了網(wǎng)頁設(shè)計概念、網(wǎng)頁的版面設(shè)計的作用 以及網(wǎng)頁版式設(shè)計與傳統(tǒng)印刷版式設(shè)計的差異、網(wǎng)頁版式設(shè)計的具體要求。

關(guān)鍵詞：網(wǎng)頁版式；設(shè)計；版式

網(wǎng)頁排版是近年興起的一個普通排版的分支概念。雖然，圖片也可以傳遞信息，但網(wǎng)站上的內(nèi)容大部分是由文字組成。這就是網(wǎng)絡(luò)排版如此受重視的原因。排版的重要性絲毫不亞于視覺層次，合適顏色的選取，網(wǎng)站功能以及其它特性。我們從來沒低估過網(wǎng)絡(luò)排版的重要性，也深知它在良好的用戶體驗中所發(fā)揮的重要作用。任何追求漂亮版面的人都知道，印刷排版跟網(wǎng)絡(luò)排版完全是兩碼事。盡管有些規(guī)則可能相同，但網(wǎng)頁設(shè)計所處環(huán)境完全不同，兩者都有自己一套必須遵守的規(guī)則和準(zhǔn)則。兩者的原理不同，不能同時存在，跨越這個界線可能會導(dǎo)致排版混亂。

一、網(wǎng)頁設(shè)計概念

網(wǎng)頁設(shè)計是在Internet的發(fā)展和數(shù)字技術(shù)的發(fā)展中出現(xiàn)的新藝術(shù)形式。它是以Internet為載體，以網(wǎng)絡(luò)技術(shù)和數(shù)字技術(shù)為基礎(chǔ)，依照設(shè)計目的、遵循藝術(shù)設(shè)計規(guī)律，實現(xiàn)設(shè)計目的與功能，強調(diào)藝術(shù)與科學(xué)密切結(jié)合的一種藝術(shù)創(chuàng)造化視覺傳達(dá)活動。它是網(wǎng)絡(luò)視覺藝術(shù)的主要表現(xiàn)形式，也是設(shè)計藝術(shù)的重要組成部分，它具有媒體相關(guān)性、數(shù)字技術(shù)性和設(shè)計藝術(shù)性三大基本內(nèi)涵。

網(wǎng)頁版式設(shè)計網(wǎng)頁版式設(shè)計是指在有限的屏幕空間內(nèi)，按照設(shè)計師的想法、意圖將網(wǎng)頁的形態(tài)要數(shù)按照一定的藝術(shù)規(guī)律進(jìn)行組織和布局，使其形成整體視覺印象，最終達(dá)到有效傳達(dá)信息的視覺設(shè)計。它以有效傳達(dá)信息為目標(biāo)，利用視覺藝術(shù)規(guī)律，將網(wǎng)頁的文字、圖像、動畫、音頻、視頻等元素組織起來，產(chǎn)生感官上的美感和精神上的享受，充分體現(xiàn)了設(shè)計師的藝術(shù)風(fēng)格。

二、網(wǎng)頁版式設(shè)計的作用

網(wǎng)頁版式設(shè)計是設(shè)計師理性思維與感性表達(dá)的產(chǎn)物。它決定了網(wǎng)頁的藝術(shù)風(fēng)格和個性特征，并以視覺配置為手段影響著網(wǎng)頁頁面之間導(dǎo)航的方向性，以吸引瀏覽者注意力，增強網(wǎng)頁內(nèi)容的表達(dá)效果。網(wǎng)頁版式設(shè)計在整個網(wǎng)頁的設(shè)計中占有很重要的作用。

三、網(wǎng)頁版式設(shè)計與傳統(tǒng)印刷版式設(shè)計的差異

網(wǎng)頁版式設(shè)計與傳統(tǒng)印刷版式設(shè)計的差異網(wǎng)頁的版式設(shè)計同報紙雜志等平面媒體的版式設(shè)計有很多共同之處，但網(wǎng)頁的排版與書籍雜志的排版又有很大差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁則不然，它的尺寸是由讀者來控制的。這使網(wǎng)頁設(shè)計者不能精確控制頁面上每個元素的尺寸和位置。而且，網(wǎng)頁的組織結(jié)構(gòu)不像印刷品那樣為線性組合，這給網(wǎng)頁的版式設(shè)計帶來了一定的難度。具體表現(xiàn)如下：印刷品設(shè)計者可以指定使用的紙張和油墨，而網(wǎng)頁設(shè)計者卻不能要求瀏覽者使用什么樣的電腦或瀏覽器。（2）網(wǎng)絡(luò)正處于不斷發(fā)展之中，不象印刷那樣基本具備了成熟的印刷標(biāo)準(zhǔn)。（3）網(wǎng)頁設(shè)計過程中有關(guān)Web的每一件事都可能隨時發(fā)生變化。（4）網(wǎng)頁版式設(shè)計的不可控制性，即網(wǎng)頁設(shè)計者無法控制頁面在用戶端的最終顯示效果。

四、網(wǎng)頁版式設(shè)計的具體要求

網(wǎng)頁的設(shè)計首先涉及的是頁面的版面編排問題。網(wǎng)頁作為一種特殊的版面，既有文字，又有圖片，還包括一些流動的窗口和流動的附加廣告等，內(nèi)容繁多、復(fù)雜。設(shè)計時必須根據(jù)內(nèi)容的需要，將這些圖片和文字按照一定的次序進(jìn)行合理的編排和布局，使它們組成一個有機的整體，展現(xiàn)給廣大的觀眾。使其成為與瀏覽者的溝通手段，讓設(shè)計所蘊含的主題進(jìn)入瀏覽者的心靈，而不僅僅是起裝飾作用。

網(wǎng)頁版式設(shè)計的布局合理化布局不但要單純、簡練、清晰和精確，而且在強調(diào)藝術(shù)性的同時，更應(yīng)該注重通過獨特的風(fēng)格和強烈的視覺沖擊力，來鮮明地突出設(shè)計主題。

要通過網(wǎng)頁頁面結(jié)構(gòu)的分割和造型空間的確立，合理安排組成網(wǎng)頁各元素的合理位置。使頁面內(nèi)容和形式有機統(tǒng)一，要具有整體美感。要考慮頁面的美觀和可讀性，還要考慮網(wǎng)絡(luò)瀏覽的特性。

網(wǎng)頁版式設(shè)計的視覺流程規(guī)律化網(wǎng)絡(luò)的瀏覽是通過視覺元素實現(xiàn)傳播的視覺傳達(dá)過程，為了達(dá)到好的效果，版式設(shè)計必須依據(jù)人們在視覺上的心理和生理特點，確定各種視覺構(gòu)成元素之間的視覺關(guān)系和瀏覽秩序。合理的視覺流程應(yīng)是在人們認(rèn)識過程的心理順序和思維發(fā)展的邏輯一致的基礎(chǔ)上，根據(jù)信息的主次來確定各元素的順序，并通過精心安排引導(dǎo)瀏覽者。（1）要符合人的視覺習(xí)慣（2）要保證有效的傳達(dá)信息（3）突出主要信息（4）保持視覺引導(dǎo)的節(jié)奏感和流暢感。

網(wǎng)頁版式設(shè)計要動態(tài)化動態(tài)化是網(wǎng)頁設(shè)計的顯著特征。網(wǎng)頁版式設(shè)計的動態(tài)設(shè)計成為增強網(wǎng)頁可讀性，參與性與趣味性的有力手段。網(wǎng)頁不同于傳統(tǒng)媒體之處，就在于信息的動態(tài)更新和即時交互性。即時的交互性是網(wǎng)絡(luò)成為熱點的主要原因，也是網(wǎng)頁設(shè)計時必須考慮的問題。網(wǎng)頁設(shè)計人員必須根據(jù)網(wǎng)站各個階段的經(jīng)營目標(biāo)，配合網(wǎng)站不同時期的經(jīng)營策略，以及用戶的反饋信息，經(jīng)常地對網(wǎng)頁版式進(jìn)行調(diào)整和修改。

網(wǎng)頁版式設(shè)計中的點、線、面對網(wǎng)頁的各形態(tài)要素進(jìn)行點、線、面對組合，是網(wǎng)頁版式設(shè)計的基本方法之一。點線面之間相互作用可以組合成各種各樣的視覺形象，形成千變?nèi)f化的視覺空間。有意識的從抽象角度運用點線面構(gòu)成來組織網(wǎng)頁的版式，是形成網(wǎng)頁強烈的視覺形式感和設(shè)計感的有效方法。

網(wǎng)頁版式設(shè)計中的色彩處理色彩可以使頁面更加生動。網(wǎng)頁的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對比”，也就是，網(wǎng)頁的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上，可以根據(jù)網(wǎng)頁內(nèi)容的需要，分別采用不同的主色調(diào)。總之，網(wǎng)頁的版式設(shè)計形成了網(wǎng)頁的整體視覺印象，體現(xiàn)網(wǎng)頁的 風(fēng)格，在整個網(wǎng)頁的設(shè)計中具有很重要的作用，應(yīng)該引起網(wǎng)頁設(shè)計者的重視

【參考文獻(xiàn)】

[1]彭剛，周紹斌.網(wǎng)頁藝術(shù)設(shè)計[M].北京：高等教育出版社，2006

[2]王汀.版面構(gòu)成[M].廣東：廣東人民出版社，2004

[3]楊敏，張奕.版式設(shè)計[M].重慶：西南師范大學(xué)出版社，1999