網(wǎng)頁(yè)版式設(shè)計(jì)隨著網(wǎng)絡(luò)的迅速發(fā)展受到人們的重視。本文以“互動(dòng)”為接入點(diǎn)，探討了互動(dòng)版式設(shè)計(jì)的特征、優(yōu)勢(shì)及互動(dòng)版式設(shè)計(jì)應(yīng)遵循的原則。認(rèn)為在網(wǎng)絡(luò)媒體時(shí)代，互動(dòng)版式設(shè)計(jì)是技術(shù)與藝術(shù)的融合，是傳統(tǒng)版式的繼承與發(fā)展?；?dòng)技術(shù)的發(fā)展為版式設(shè)計(jì)教學(xué)開(kāi)辟了全新的領(lǐng)域，使版式設(shè)計(jì)有了更廣闊的發(fā)展空間。

網(wǎng)頁(yè)版式設(shè)計(jì)的概念與發(fā)展

版式設(shè)計(jì)（Layout）是指在版面有限的空間上，把不同的文字、圖形和色彩等運(yùn)用視覺(jué)構(gòu)成的方式來(lái)組合排列，進(jìn)行表達(dá)的一種視覺(jué)傳達(dá)方式。可以說(shuō)，版式設(shè)計(jì)是現(xiàn)代設(shè)計(jì)藝術(shù)的重要組成部分，是現(xiàn)代設(shè)計(jì)者必須具備的基本功之一。

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

中國(guó)廣告業(yè)在進(jìn)入20世紀(jì)90年代后，電腦技術(shù)、信息媒體的迅速發(fā)展，推動(dòng)了平面設(shè)計(jì)的發(fā)展。網(wǎng)絡(luò)媒體的出現(xiàn)，使平面設(shè)計(jì)從二維的表現(xiàn)形式發(fā)展到動(dòng)態(tài)、互動(dòng)的多元媒體形式。在版式設(shè)計(jì)方面，計(jì)算機(jī)逐漸成為版式設(shè)計(jì)的重要工具。現(xiàn)代版式設(shè)計(jì)不僅用于書(shū)刊、產(chǎn)品手冊(cè)、包裝、廣告等的排版，還包括網(wǎng)頁(yè)版式的設(shè)計(jì)制作。

網(wǎng)頁(yè)版式設(shè)計(jì)是建立在計(jì)算機(jī)交互技術(shù)基礎(chǔ)上的數(shù)字技術(shù)，是網(wǎng)頁(yè)設(shè)計(jì)的核心。設(shè)計(jì)者在固定的空間里將多種元素進(jìn)行有機(jī)的排列組合，用戶可以通過(guò)屏幕、按鈕等對(duì)頁(yè)面進(jìn)行編輯和操作，從而產(chǎn)生人機(jī)互動(dòng)，獲取更多信息。因此，網(wǎng)頁(yè)版式設(shè)計(jì)最顯著的特點(diǎn)是“互動(dòng)”（又譯為“交互”，Interaction）。我們可以稱網(wǎng)頁(yè)版式為互動(dòng)版式。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，互動(dòng)版式的地位越來(lái)越重要?；?dòng)版式設(shè)計(jì)不僅是一種技能，更是技術(shù)與藝術(shù)的高度統(tǒng)一，是現(xiàn)代設(shè)計(jì)師必須具備的能力。

互動(dòng)版式設(shè)計(jì)的特征及優(yōu)勢(shì)

與傳統(tǒng)印刷版式設(shè)計(jì)相比，網(wǎng)頁(yè)版式設(shè)計(jì)除了包含靜態(tài)的視覺(jué)元素外，還包括動(dòng)態(tài)的文字、圖片、動(dòng)畫(huà)、視頻等。因此，“互動(dòng)”是互動(dòng)版式最顯著的特征。另外，時(shí)效性、形式豐富及統(tǒng)一的圖文音像都是互動(dòng)版式設(shè)計(jì)的特征。

1.互動(dòng)性

傳統(tǒng)版式往往是利用圖形與文字的組合來(lái)吸引讀者的眼球。在進(jìn)行信息傳播時(shí)，以單向線性傳播的方式提供信息，并不考慮讀者是否愿意接受，讀者接受信息往往是被動(dòng)的。

在互動(dòng)網(wǎng)頁(yè)中，讀者不僅是信息的接受者，還是信息的參與者?；?dòng)版式設(shè)計(jì)是通過(guò)版面中導(dǎo)航、按鈕等把各個(gè)頁(yè)面之間的內(nèi)容結(jié)合、使頁(yè)面內(nèi)容有條理的呈現(xiàn)出來(lái)。讀者往往可以按照自身的需求選取信息，信息的接受是主動(dòng)的。另外，網(wǎng)頁(yè)設(shè)計(jì)者還能根據(jù)用戶的反饋信息以及網(wǎng)站各個(gè)階段的推廣目標(biāo)對(duì)內(nèi)容進(jìn)行修改和調(diào)整，不斷完善設(shè)計(jì)作品。

2.時(shí)效性

相比傳統(tǒng)的傳播媒介，時(shí)效性強(qiáng)是互聯(lián)網(wǎng)在信息傳播上的一大優(yōu)勢(shì)。當(dāng)書(shū)刊、報(bào)紙還在印刷時(shí)，網(wǎng)頁(yè)版式設(shè)計(jì)完成后就可直接發(fā)布并可根據(jù)讀者的需求隨時(shí)更新頁(yè)面內(nèi)容。讀者只要接入網(wǎng)絡(luò)，無(wú)論在世界的哪個(gè)角落，都可以接收網(wǎng)頁(yè)信息。

3.形式豐富

互動(dòng)版式設(shè)計(jì)相比傳統(tǒng)版式最大優(yōu)勢(shì)是加入了聲、像，還可以即時(shí)發(fā)送信息。隨著技術(shù)的不斷發(fā)展，網(wǎng)頁(yè)版式設(shè)計(jì)中各種元素的綜合運(yùn)用越來(lái)越廣泛。設(shè)計(jì)師在進(jìn)行版式設(shè)計(jì)時(shí)可加入如游戲、Flash動(dòng)畫(huà)、聲音等，這些元素大大增加了網(wǎng)絡(luò)版式的生動(dòng)、趣味和藝術(shù)性，使互動(dòng)版式設(shè)計(jì)師有了更廣闊的發(fā)揮空間。

4.統(tǒng)一的圖文音像

傳統(tǒng)版式設(shè)計(jì)是指將文字、圖片等元素按一定規(guī)律進(jìn)行組合，以此來(lái)引導(dǎo)人們的視覺(jué)注意。而網(wǎng)頁(yè)版式設(shè)計(jì)則可通過(guò)圖、文、聲音、視頻、FLASH動(dòng)畫(huà)等來(lái)表現(xiàn)網(wǎng)頁(yè)版式設(shè)計(jì)內(nèi)容，通過(guò)感官刺激和提供更多信息，使版式“動(dòng)”了起來(lái)，讀者能全方位親身“體驗(yàn)”版式設(shè)計(jì)所表現(xiàn)的內(nèi)容，感受到嶄新的閱讀樂(lè)趣的同時(shí)，閱讀效率大大提高。

互動(dòng)版式設(shè)計(jì)原則

互動(dòng)版式設(shè)計(jì)雖然與傳統(tǒng)版式設(shè)計(jì)有所區(qū)別，但仍有許多相近之處，如互動(dòng)版式設(shè)計(jì)中也要遵循傳統(tǒng)版式設(shè)計(jì)的對(duì)比、和諧、節(jié)奏、韻律等的形式美法則為前提。設(shè)計(jì)者在網(wǎng)頁(yè)設(shè)計(jì)時(shí)應(yīng)運(yùn)用各種媒體元素，在主題突出的基礎(chǔ)上合理利用互動(dòng)性，使功能與藝術(shù)相結(jié)合，讓受眾既能接受信息，又能主動(dòng)參與到信息的加工、處理、傳播中。

1.主題突出

互動(dòng)版式設(shè)計(jì)要想吸引瀏覽者的注意，使信息廣泛傳播，在設(shè)計(jì)時(shí)應(yīng)注意主題鮮明，要點(diǎn)明確，符合瀏覽者的閱讀習(xí)慣，以簡(jiǎn)單明確的語(yǔ)言和畫(huà)面體現(xiàn)主題。如：網(wǎng)站首頁(yè)的設(shè)計(jì)，在版式設(shè)計(jì)上，應(yīng)該把信息分門(mén)別類(lèi)，突出主題，讓用戶能夠快速瀏覽并在第一時(shí)間做出選擇。另外，文案設(shè)計(jì)、色彩搭配等既要在符合網(wǎng)站主題的基礎(chǔ)上突出重點(diǎn)，簡(jiǎn)潔清晰，才能吸引瀏覽者注意，達(dá)到述求目的。

2.合理利用互動(dòng)性

互動(dòng)版式設(shè)計(jì)最顯著的特點(diǎn)是“互動(dòng)”。設(shè)計(jì)者除了需要掌握一定的設(shè)計(jì)技巧外，還需要根據(jù)網(wǎng)絡(luò)媒體的特點(diǎn)，充分發(fā)揮想象力和創(chuàng)造力，合理利用互動(dòng)性。

如構(gòu)建清新、合理的頁(yè)面組織結(jié)構(gòu)；將動(dòng)畫(huà)、視頻、游戲等運(yùn)用在網(wǎng)頁(yè)的排版中，讀者可以參與其中，增強(qiáng)網(wǎng)頁(yè)的趣味性與娛樂(lè)性；對(duì)網(wǎng)頁(yè)導(dǎo)航快捷而完善的設(shè)計(jì)，包括站點(diǎn)索引、鏈接、查詢功能等，以便讓瀏覽者快速找到所需的信息，提高瀏覽者對(duì)頁(yè)面閱讀興趣。

3.藝術(shù)性設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)相結(jié)合

隨著網(wǎng)絡(luò)的不斷發(fā)展與普及，用戶不再像網(wǎng)絡(luò)發(fā)展初期那樣盲目點(diǎn)擊頁(yè)面，而是有目的地去點(diǎn)擊對(duì)自己有用的信息。因此，互動(dòng)版式設(shè)計(jì)不僅僅考慮頁(yè)面的布局、色彩等這幾個(gè)最基本的視覺(jué)構(gòu)成元素，還應(yīng)注重藝術(shù)性設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)相結(jié)合，運(yùn)用多媒體技術(shù)進(jìn)行互動(dòng)版式設(shè)計(jì)，以用戶為中心，把頁(yè)面內(nèi)容與各元素有條理的分配，引導(dǎo)用戶更快、更方便地找到他們想要的信息。

藝術(shù)性設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)相結(jié)合的設(shè)計(jì)更能喚起讀者對(duì)版面的興趣，實(shí)現(xiàn)雙向交互。

綜上所述，互動(dòng)版式設(shè)計(jì)雖然與傳統(tǒng)版式設(shè)計(jì)有所區(qū)別，但仍有許多相似之處，是傳統(tǒng)版式設(shè)計(jì)的繼承和優(yōu)化，是信息時(shí)代發(fā)展的產(chǎn)物?；?dòng)技術(shù)的發(fā)展為版式設(shè)計(jì)教學(xué)開(kāi)辟了全新的領(lǐng)域，使版式設(shè)計(jì)有了更廣闊的發(fā)展空間。

網(wǎng)絡(luò)技術(shù)的發(fā)展將會(huì)促使設(shè)計(jì)者綜合運(yùn)用多種媒體元素來(lái)進(jìn)行設(shè)計(jì)。設(shè)計(jì)師在進(jìn)行網(wǎng)頁(yè)版式設(shè)計(jì)時(shí)，應(yīng)重視傳統(tǒng)版式設(shè)計(jì)與網(wǎng)頁(yè)版式設(shè)計(jì)的差異性，研究除了文字、圖像以外的新媒體藝術(shù)，發(fā)揮網(wǎng)頁(yè)版式的互動(dòng)性，接受新觀念并創(chuàng)造性的對(duì)待數(shù)字媒體設(shè)計(jì)，將技術(shù)與藝術(shù)緊密結(jié)合。發(fā)揮網(wǎng)頁(yè)版式設(shè)計(jì)的互動(dòng)性優(yōu)勢(shì)，創(chuàng)造出優(yōu)秀的版式作品。做到藝術(shù)為設(shè)計(jì)服務(wù)，設(shè)計(jì)為大眾服務(wù)。

（作者單位：江門(mén)職業(yè)技術(shù)學(xué)院）