網頁版式設計研究

郭麗春

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

關鍵詞：網頁版式；設計；版式

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

一、網頁設計概念

網頁設計是在Internet的發展和數字技術的發展中出現的新藝術形式。它是以Internet為載體，以網絡技術和數字技術為基礎，依照設計目的、遵循藝術設計規律，實現設計目的與功能，強調藝術與科學密切結合的一種藝術創造化視覺傳達活動。它是網絡視覺藝術的主要表現形式，也是設計藝術的重要組成部分，它具有媒體相關性、數字技術性和設計藝術性三大基本內涵。

網頁版式設計網頁版式設計是指在有限的屏幕空間內，按照設計師的想法、意圖將網頁的形態要數按照一定的藝術規律進行組織和布局，使其形成整體視覺印象，最終達到有效傳達信息的視覺設計。它以有效傳達信息為目標，利用視覺藝術規律，將網頁的文字、圖像、動畫、音頻、視頻等元素組織起來，產生感官上的美感和精神上的享受，充分體現了設計師的藝術風格。

二、網頁版式設計的作用

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

三、網頁版式設計與傳統印刷版式設計的差異

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

四、網頁版式設計的具體要求

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

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

要通過網頁頁面結構的分割和造型空間的確立，合理安排組成網頁各元素的合理位置。使頁面內容和形式有機統一，要具有整體美感。要考慮頁面的美觀和可讀性，還要考慮網絡瀏覽的特性。

網頁版式設計的視覺流程規律化網絡的瀏覽是通過視覺元素實現傳播的視覺傳達過程，為了達到好的效果，版式設計必須依據人們在視覺上的心理和生理特點，確定各種視覺構成元素之間的視覺關系和瀏覽秩序。合理的視覺流程應是在人們認識過程的心理順序和思維發展的邏輯一致的基礎上，根據信息的主次來確定各元素的順序，并通過精心安排引導瀏覽者。（1）要符合人的視覺習慣（2）要保證有效的傳達信息（3）突出主要信息（4）保持視覺引導的節奏感和流暢感。

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

網頁版式設計中的點、線、面對網頁的各形態要素進行點、線、面對組合，是網頁版式設計的基本方法之一。點線面之間相互作用可以組合成各種各樣的視覺形象，形成千變萬化的視覺空間。有意識的從抽象角度運用點線面構成來組織網頁的版式，是形成網頁強烈的視覺形式感和設計感的有效方法。

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

【參考文獻】

[1]彭剛，周紹斌.網頁藝術設計[M].北京：高等教育出版社，2006

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

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