網頁版式設計的互動性

網頁版式設計隨著網絡的迅速發展受到人們的重視。本文以“互動”為接入點，探討了互動版式設計的特征、優勢及互動版式設計應遵循的原則。認為在網絡媒體時代，互動版式設計是技術與藝術的融合，是傳統版式的繼承與發展?；蛹夹g的發展為版式設計教學開辟了全新的領域，使版式設計有了更廣闊的發展空間。

網頁版式設計的概念與發展

版式設計（Layout）是指在版面有限的空間上，把不同的文字、圖形和色彩等運用視覺構成的方式來組合排列，進行表達的一種視覺傳達方式?？梢哉f，版式設計是現代設計藝術的重要組成部分，是現代設計者必須具備的基本功之一。

我們不妨從平面設計的發展史中來了解版式設計在各時期中的表現形式。20世紀的藝術主要經歷了四個時期，第一個時期主要以立體主義、未來主義、達達主義、超現實主義及裝飾主義為代表，表現為對版面構成的分析組合和對理性規律的探索。第二個時期以“一戰”后興起的俄國構成主義、荷蘭風格派、德國包豪斯這三個重要的設計運動為代表。強調科學化、理性化、功能化、減少主義、幾何化及注重字體設計，簡潔的編排風格是其特點。第三個時期是國際主義主導設計風格，時間為“二戰”后50年代至70年代。國際主義風格在平面上的貢獻是研究出了骨骼排版法，具有高度的功能化、標準化、系統化的特點。其反裝飾的排版風格，簡明的視覺形式，有利于國際化的視覺傳達功能。第四個時期為20世紀60年代開始的后現代主義平面設計表現形式以及電腦網絡多元化媒體傳達。其特點是在思想體系上全面否定與反諷傳統的一切文明，主張強調自我感受，他們對人類自古典文明以來的傳統藝術進行了全面的、徹底的改革，完全改變了視覺藝術的內容、形式和服務對象。

中國廣告業在進入20世紀90年代后，電腦技術、信息媒體的迅速發展，推動了平面設計的發展。網絡媒體的出現，使平面設計從二維的表現形式發展到動態、互動的多元媒體形式。在版式設計方面，計算機逐漸成為版式設計的重要工具。現代版式設計不僅用于書刊、產品手冊、包裝、廣告等的排版，還包括網頁版式的設計制作。

網頁版式設計是建立在計算機交互技術基礎上的數字技術，是網頁設計的核心。設計者在固定的空間里將多種元素進行有機的排列組合，用戶可以通過屏幕、按鈕等對頁面進行編輯和操作，從而產生人機互動，獲取更多信息。因此，網頁版式設計最顯著的特點是“互動”（又譯為“交互”，Interaction）。我們可以稱網頁版式為互動版式。隨著網絡技術的發展，互動版式的地位越來越重要?；影媸皆O計不僅是一種技能，更是技術與藝術的高度統一，是現代設計師必須具備的能力。

互動版式設計的特征及優勢

與傳統印刷版式設計相比，網頁版式設計除了包含靜態的視覺元素外，還包括動態的文字、圖片、動畫、視頻等。因此，“互動”是互動版式最顯著的特征。另外，時效性、形式豐富及統一的圖文音像都是互動版式設計的特征。

1.互動性

傳統版式往往是利用圖形與文字的組合來吸引讀者的眼球。在進行信息傳播時，以單向線性傳播的方式提供信息，并不考慮讀者是否愿意接受，讀者接受信息往往是被動的。

在互動網頁中，讀者不僅是信息的接受者，還是信息的參與者。互動版式設計是通過版面中導航、按鈕等把各個頁面之間的內容結合、使頁面內容有條理的呈現出來。讀者往往可以按照自身的需求選取信息，信息的接受是主動的。另外，網頁設計者還能根據用戶的反饋信息以及網站各個階段的推廣目標對內容進行修改和調整，不斷完善設計作品。

2.時效性

相比傳統的傳播媒介，時效性強是互聯網在信息傳播上的一大優勢。當書刊、報紙還在印刷時，網頁版式設計完成后就可直接發布并可根據讀者的需求隨時更新頁面內容。讀者只要接入網絡，無論在世界的哪個角落，都可以接收網頁信息。

3.形式豐富

互動版式設計相比傳統版式最大優勢是加入了聲、像，還可以即時發送信息。隨著技術的不斷發展，網頁版式設計中各種元素的綜合運用越來越廣泛。設計師在進行版式設計時可加入如游戲、Flash動畫、聲音等，這些元素大大增加了網絡版式的生動、趣味和藝術性，使互動版式設計師有了更廣闊的發揮空間。

4.統一的圖文音像

傳統版式設計是指將文字、圖片等元素按一定規律進行組合，以此來引導人們的視覺注意。而網頁版式設計則可通過圖、文、聲音、視頻、FLASH動畫等來表現網頁版式設計內容，通過感官刺激和提供更多信息，使版式“動”了起來，讀者能全方位親身“體驗”版式設計所表現的內容，感受到嶄新的閱讀樂趣的同時，閱讀效率大大提高。

互動版式設計原則

互動版式設計雖然與傳統版式設計有所區別，但仍有許多相近之處，如互動版式設計中也要遵循傳統版式設計的對比、和諧、節奏、韻律等的形式美法則為前提。設計者在網頁設計時應運用各種媒體元素，在主題突出的基礎上合理利用互動性，使功能與藝術相結合，讓受眾既能接受信息，又能主動參與到信息的加工、處理、傳播中。

1.主題突出

互動版式設計要想吸引瀏覽者的注意，使信息廣泛傳播，在設計時應注意主題鮮明，要點明確，符合瀏覽者的閱讀習慣，以簡單明確的語言和畫面體現主題。如：網站首頁的設計，在版式設計上，應該把信息分門別類，突出主題，讓用戶能夠快速瀏覽并在第一時間做出選擇。另外，文案設計、色彩搭配等既要在符合網站主題的基礎上突出重點，簡潔清晰，才能吸引瀏覽者注意，達到述求目的。

2.合理利用互動性

互動版式設計最顯著的特點是“互動”。設計者除了需要掌握一定的設計技巧外，還需要根據網絡媒體的特點，充分發揮想象力和創造力，合理利用互動性。

如構建清新、合理的頁面組織結構；將動畫、視頻、游戲等運用在網頁的排版中，讀者可以參與其中，增強網頁的趣味性與娛樂性；對網頁導航快捷而完善的設計，包括站點索引、鏈接、查詢功能等，以便讓瀏覽者快速找到所需的信息，提高瀏覽者對頁面閱讀興趣。

3.藝術性設計與用戶體驗設計相結合

隨著網絡的不斷發展與普及，用戶不再像網絡發展初期那樣盲目點擊頁面，而是有目的地去點擊對自己有用的信息。因此，互動版式設計不僅僅考慮頁面的布局、色彩等這幾個最基本的視覺構成元素，還應注重藝術性設計與用戶體驗設計相結合，運用多媒體技術進行互動版式設計，以用戶為中心，把頁面內容與各元素有條理的分配，引導用戶更快、更方便地找到他們想要的信息。

藝術性設計與用戶體驗設計相結合的設計更能喚起讀者對版面的興趣，實現雙向交互。

綜上所述，互動版式設計雖然與傳統版式設計有所區別，但仍有許多相似之處，是傳統版式設計的繼承和優化，是信息時代發展的產物?；蛹夹g的發展為版式設計教學開辟了全新的領域，使版式設計有了更廣闊的發展空間。

網絡技術的發展將會促使設計者綜合運用多種媒體元素來進行設計。設計師在進行網頁版式設計時，應重視傳統版式設計與網頁版式設計的差異性，研究除了文字、圖像以外的新媒體藝術，發揮網頁版式的互動性，接受新觀念并創造性的對待數字媒體設計，將技術與藝術緊密結合。發揮網頁版式設計的互動性優勢，創造出優秀的版式作品。做到藝術為設計服務，設計為大眾服務。

（作者單位：江門職業技術學院）