淺議RIA下的網(wǎng)頁(yè)設(shè)計(jì)

陳曉軍

四川音樂(lè)學(xué)院成都美術(shù)學(xué)院數(shù)碼藝術(shù)系，四川 成都 610500

1 RIA富網(wǎng)絡(luò)時(shí)代來(lái)臨

1.1 網(wǎng)絡(luò)媒體漸成主流

網(wǎng)絡(luò)進(jìn)入人們的生活已經(jīng)有相當(dāng)長(zhǎng)的時(shí)間了，今天的網(wǎng)絡(luò)已經(jīng)成為人們生活中不可或缺的組成部分，也逐漸開(kāi)始成為一種重要的大眾媒體，挑戰(zhàn)著今天的主流傳統(tǒng)媒體。與幾年前網(wǎng)絡(luò)中大量彌漫各種概念不同，今天的網(wǎng)絡(luò)富翁已經(jīng)切切實(shí)實(shí)的活在我們生活中了。在經(jīng)歷了早期的網(wǎng)絡(luò)泡沫后，網(wǎng)絡(luò)媒體更加成熟，符合經(jīng)濟(jì)規(guī)律的商業(yè)模式讓其成為了名副其實(shí)的朝陽(yáng)產(chǎn)業(yè)。隨著電腦和網(wǎng)絡(luò)硬件的普及，大眾在擁有了多年使用網(wǎng)絡(luò)的經(jīng)驗(yàn)后，對(duì)網(wǎng)絡(luò)的接受度已經(jīng)從熟悉進(jìn)化到了不可或缺，其依賴(lài)度還在繼續(xù)增加。傳統(tǒng)報(bào)業(yè)已經(jīng)在各門(mén)戶(hù)網(wǎng)站的興盛中逐漸沒(méi)落，電視媒體也在盡可能的加強(qiáng)網(wǎng)絡(luò)化改造。在今天的現(xiàn)實(shí)日常生活中，無(wú)論是網(wǎng)上購(gòu)物、網(wǎng)上交友還是網(wǎng)上娛樂(lè)，人們已經(jīng)習(xí)慣了第一時(shí)間在網(wǎng)上尋找解決方案的生活方式。今天的淘寶網(wǎng)、開(kāi)心網(wǎng)、博客網(wǎng)、新浪網(wǎng)以及越來(lái)越多的網(wǎng)絡(luò)新貴紛紛崛起，已經(jīng)顯示出了網(wǎng)絡(luò)媒體正在努力成長(zhǎng)主流的事實(shí)。

網(wǎng)絡(luò)媒體正大步邁向成熟期，今天的網(wǎng)絡(luò)環(huán)境相比較于幾年前，已經(jīng)發(fā)生了很大的變化。帶寬更寬，速度更快，網(wǎng)絡(luò)上提供的服務(wù)也越來(lái)越豐富。隨著web2.0技術(shù)的成熟，網(wǎng)絡(luò)真正的從單向傳播時(shí)代進(jìn)入到了雙向互動(dòng)時(shí)代，傳者和受者的關(guān)系更加密切。與此同時(shí)，大眾在越來(lái)越多的接受網(wǎng)絡(luò)服務(wù)的同時(shí)，也對(duì)網(wǎng)絡(luò)媒體提出了諸多的改進(jìn)要求，即如何讓我們的網(wǎng)絡(luò)訪問(wèn)起來(lái)更加快捷，更加友好，更加有趣。在這樣的呼聲之下，RIA應(yīng)運(yùn)而生。

1.2 網(wǎng)絡(luò)媒體的RIA時(shí)代

在談?wù)揜IA概念之前，可以簡(jiǎn)單回憶一下網(wǎng)絡(luò)媒體的成長(zhǎng)之路。網(wǎng)絡(luò)興起的初期，HTML這種超文本標(biāo)記語(yǔ)言發(fā)揮了重要的作用，對(duì)文字信息的快速處理和渲染幫助網(wǎng)絡(luò)在信息發(fā)布和傳遞方面獲得了很好的用戶(hù)口碑。借助HTML構(gòu)建的網(wǎng)站，我們可以方便快速的獲取到網(wǎng)站上的文字信息。在今天來(lái)看，傳統(tǒng)報(bào)業(yè)的沒(méi)落很大程度上源于HTML的強(qiáng)大。但是，在網(wǎng)絡(luò)媒體發(fā)展的過(guò)程中，人們對(duì)網(wǎng)絡(luò)的需求遠(yuǎn)遠(yuǎn)不止獲取簡(jiǎn)單的文字信息。對(duì)圖像的要求，對(duì)音頻的要求，對(duì)視頻的要求甚至對(duì)互動(dòng)娛樂(lè)的要求等均讓傳統(tǒng)HTML面臨尷尬的現(xiàn)狀，多媒體表現(xiàn)能力已經(jīng)成為今天網(wǎng)絡(luò)媒體不可回避的問(wèn)題。多媒體即意味著要傳遞更大的數(shù)據(jù)流，也意味著在客戶(hù)端和服務(wù)器端會(huì)存在反復(fù)的數(shù)據(jù)交換。傳統(tǒng)的HTML環(huán)境下，用戶(hù)的每一次點(diǎn)擊行為都會(huì)需要將信息實(shí)時(shí)發(fā)送到服務(wù)器方，由服務(wù)器端判斷然后將結(jié)果再經(jīng)由網(wǎng)絡(luò)返回客戶(hù)端。這樣的一來(lái)一往，反反復(fù)復(fù)就讓本來(lái)很簡(jiǎn)單的行為變得異常復(fù)雜，在大量用戶(hù)同時(shí)在線進(jìn)行類(lèi)似操作的時(shí)候，常常會(huì)出現(xiàn)數(shù)據(jù)堵塞，影響用戶(hù)的網(wǎng)絡(luò)體驗(yàn)。對(duì)此，RIA的解決方案是利用在用戶(hù)電腦里植入客戶(hù)端軟件，在用戶(hù)訪問(wèn)特定網(wǎng)站的時(shí)候，利用客戶(hù)端軟件將需要訪問(wèn)的數(shù)據(jù)提前讀入用戶(hù)電腦緩存，這樣用戶(hù)的大多數(shù)操作所產(chǎn)生的數(shù)據(jù)訪問(wèn)都局限在本地電腦上，不需要頻繁與遠(yuǎn)處的服務(wù)器進(jìn)行數(shù)據(jù)交換，避免了信息堵塞，這樣在實(shí)現(xiàn)更豐富的視覺(jué)體驗(yàn)的同時(shí)保證了界面響應(yīng)的快捷性。

那么何為RIA呢？簡(jiǎn)言之，RIA就是一種全新的網(wǎng)絡(luò)用戶(hù)體驗(yàn)環(huán)境。RIA是Rich Internet Applications的縮寫(xiě)，翻譯成中文為豐富互聯(lián)網(wǎng)應(yīng)用程序。它是結(jié)合了桌面應(yīng)用程序的更友好的交互特性、多媒體特性和傳統(tǒng)Web的靈活性的新的網(wǎng)絡(luò)應(yīng)用程序。在這樣的環(huán)境中，用戶(hù)訪問(wèn)網(wǎng)絡(luò)的時(shí)候?qū)⑾裨L問(wèn)用戶(hù)的桌面程序一樣方便快捷、豐富多采，可以借助瀏覽器也可以不借助瀏覽器訪問(wèn)網(wǎng)絡(luò)，訪問(wèn)網(wǎng)絡(luò)資源將像訪問(wèn)我們硬盤(pán)上的一個(gè)文件一樣自由。這是一個(gè)美好的設(shè)想，我們的網(wǎng)絡(luò)正在健步奔向RIA時(shí)代。

2 RIA下的網(wǎng)絡(luò)瀏覽及網(wǎng)頁(yè)設(shè)計(jì)要求

2.1 RIA下網(wǎng)絡(luò)瀏覽特點(diǎn)

2.1.1 用戶(hù)界面更友好，交互性更強(qiáng)

RIA網(wǎng)頁(yè)得益于Flash等多媒體技術(shù)和Flash Player客戶(hù)端的支持，讓網(wǎng)頁(yè)設(shè)計(jì)者在網(wǎng)站界面的設(shè)計(jì)上擁有了極高的自由度。以往HTML下的諸多限制均可打破，并且在頁(yè)面架構(gòu)上可以做到非線性排列。即在一個(gè)頁(yè)面上可以同時(shí)運(yùn)行和打開(kāi)多個(gè)信息窗口，對(duì)需要的板塊還可以實(shí)現(xiàn)用戶(hù)的自定義拖曳。用戶(hù)可以根據(jù)自身的實(shí)際需求來(lái)隨意瀏覽目標(biāo)窗口信息，而不會(huì)受限于網(wǎng)站制作者所預(yù)先界定好的頁(yè)面模式。這些功能特點(diǎn)極其接近今天的桌面程序設(shè)計(jì)，這樣的特性也體現(xiàn)了對(duì)用戶(hù)體驗(yàn)的充分尊重，交互性的加強(qiáng)讓人們?cè)跒g覽中感覺(jué)到更加方便和有趣，而這恰恰會(huì)為網(wǎng)站帶來(lái)更多的客戶(hù)關(guān)注。與此同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)者的設(shè)計(jì)任務(wù)也從以往的靜態(tài)圖形階段進(jìn)入了動(dòng)態(tài)圖形階段，需要具備的素質(zhì)也更為全面，這也是一個(gè)新的挑戰(zhàn)。

2.1.2 用戶(hù)界面操作響應(yīng)更快捷

在前面已經(jīng)介紹了RIA的工作原理是將你要瀏覽的內(nèi)容預(yù)先讀入緩存，從而在后面的訪問(wèn)中不需要每次都向遠(yuǎn)端服務(wù)器發(fā)出請(qǐng)求信息。這樣的技術(shù)特點(diǎn)保證了一次加載多次使用的效果，釋放了帶寬，避免了因?yàn)橹貜?fù)請(qǐng)求出現(xiàn)的網(wǎng)絡(luò)堵塞和延遲，提高了用戶(hù)界面體驗(yàn)的流暢度。這在今天多媒體大量存在的網(wǎng)絡(luò)環(huán)境中尤其重要，這樣的緩存機(jī)制是極其聰明的處理方法，因?yàn)樗浞掷昧擞脩?hù)電腦內(nèi)存容量越來(lái)越大的現(xiàn)實(shí)。而反觀在HTML頁(yè)面中，每打開(kāi)一個(gè)頁(yè)面都必須進(jìn)行一次刷新，效率上遠(yuǎn)遠(yuǎn)低于RIA。當(dāng)有大量視頻動(dòng)畫(huà)或音頻流的時(shí)候，這樣的重復(fù)提交請(qǐng)求導(dǎo)致的網(wǎng)絡(luò)阻塞幾乎是致命的缺陷，因?yàn)榻缑娴捻憫?yīng)速度和流程程度對(duì)于瀏覽者的心理影響極其重要。

2.1.3 用戶(hù)界面視覺(jué)效果更豐富

RIA網(wǎng)頁(yè)的界面由于多媒體技術(shù)的實(shí)現(xiàn)，可以很好的容納文字、聲音、圖片、影像、動(dòng)畫(huà)等多種媒體表現(xiàn)形式，在視覺(jué)表現(xiàn)效果上可以有更多的選擇。此外交互技術(shù)的發(fā)展，讓多媒體內(nèi)容可以可控有序的展示給瀏覽者，避免了無(wú)序，同時(shí)也給瀏覽行為增加了諸多樂(lè)趣。多種媒體形式的運(yùn)用還讓視覺(jué)效果可以更加豐富和多元，實(shí)現(xiàn)的方式卻很簡(jiǎn)單。與此對(duì)應(yīng)的是HTML下的網(wǎng)頁(yè)雖然也可以實(shí)現(xiàn)各種媒體共存，但較之RIA卻很局限和不便。例如，一個(gè)RIA頁(yè)面可以輕易的實(shí)現(xiàn)網(wǎng)站的進(jìn)入動(dòng)畫(huà)，并在每個(gè)操作或頁(yè)面切換中加入精彩的動(dòng)畫(huà)效果，而HTML要做到這點(diǎn)是很難，相對(duì)步驟更加繁瑣，這必然限制設(shè)計(jì)者的構(gòu)思和創(chuàng)造。

2.2 RIA下網(wǎng)頁(yè)設(shè)計(jì)要求

2.2.1 全面的專(zhuān)業(yè)素質(zhì)

在RIA環(huán)境下，不再是一切圍繞文字信息展開(kāi)，靜態(tài)和動(dòng)態(tài)圖像都將更多參與進(jìn)來(lái)，甚至?xí)幸恍┯螒蚣夹g(shù)加入等。這樣的設(shè)計(jì)目標(biāo)就給網(wǎng)頁(yè)設(shè)計(jì)師提出了更高的要求，要求網(wǎng)頁(yè)設(shè)計(jì)師雖然不必每種技術(shù)都精通，但必須都要具備一定經(jīng)驗(yàn)，且必須有自己擅長(zhǎng)的技術(shù)手段，這樣才會(huì)有競(jìng)爭(zhēng)力。就技能全面性來(lái)說(shuō)，可能超越了其他很多的設(shè)計(jì)種類(lèi)，這在以前是未曾料想到的，很多的網(wǎng)頁(yè)設(shè)計(jì)師，尤其是國(guó)內(nèi)的設(shè)計(jì)師，在這場(chǎng)即將全面到來(lái)的新時(shí)代面前，反應(yīng)比較遲鈍。相比較于以往的網(wǎng)絡(luò)時(shí)代，未來(lái)RIA下的網(wǎng)頁(yè)設(shè)計(jì)師需要更為全面的專(zhuān)業(yè)素質(zhì)，以應(yīng)付網(wǎng)絡(luò)時(shí)代的視覺(jué)盛宴。

2.2.2 “用戶(hù)體驗(yàn)至上”的交互設(shè)計(jì)思想

雖然在RIA下設(shè)計(jì)師依然應(yīng)該重視靜態(tài)視覺(jué)頁(yè)面的設(shè)計(jì)，但工作重心更應(yīng)該放在交互設(shè)計(jì)上。或者說(shuō)界面圖形設(shè)計(jì)從靜態(tài)圖形過(guò)渡到了動(dòng)態(tài)圖像，對(duì)動(dòng)態(tài)的設(shè)計(jì)是頁(yè)面是否友好，是否能引導(dǎo)用戶(hù)到達(dá)目標(biāo)的關(guān)鍵。網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該擔(dān)負(fù)起更多的責(zé)任，在網(wǎng)頁(yè)界面的結(jié)構(gòu)和功能設(shè)計(jì)上應(yīng)該有更多的主動(dòng)權(quán)，這在以往可能是由后臺(tái)技術(shù)來(lái)決定。但是，網(wǎng)頁(yè)作為一種傳媒形式，合理的狀態(tài)一定是從前至后，從客戶(hù)心理需求到前端表現(xiàn)再到后臺(tái)技術(shù)實(shí)現(xiàn)，整個(gè)流程必須充分考慮到前端用戶(hù)體驗(yàn)的重要性。網(wǎng)頁(yè)瀏覽中的人性化體驗(yàn)不僅僅是個(gè)孤立的界面設(shè)計(jì)+強(qiáng)大功能的技術(shù)實(shí)現(xiàn)，在RIA下，更需要用各種動(dòng)態(tài)效果和多媒體形式來(lái)引導(dǎo)用戶(hù)找到想要到達(dá)的頁(yè)面，獲得準(zhǔn)確的信息，時(shí)刻注意把握未來(lái)瀏覽者的心理特征。這樣的設(shè)計(jì)才會(huì)更有人情味，更能吸引受眾，貼近受眾。

2.2.3 銳意進(jìn)取的創(chuàng)新精神

之所以將這個(gè)要求單獨(dú)提出，原因是RIA下的網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該更多的強(qiáng)調(diào)這種精神。HTML技術(shù)已經(jīng)相當(dāng)成熟，表現(xiàn)形式也千篇一律，也逐漸形成了一種固定的“行規(guī)”。然而，重要的是當(dāng)時(shí)網(wǎng)絡(luò)的出現(xiàn)更多的是考慮如何讓人們能夠?qū)㈤喿x習(xí)慣從紙媒上慢慢轉(zhuǎn)移過(guò)來(lái)。但是，到了今天，網(wǎng)絡(luò)媒體已經(jīng)開(kāi)始沒(méi)有這些擔(dān)憂，以前的謹(jǐn)慎現(xiàn)在看來(lái)是對(duì)用戶(hù)的不負(fù)責(zé)任。因?yàn)椋瑨侀_(kāi)“行規(guī)”而言，今天的網(wǎng)頁(yè)頁(yè)面并不十分合理。任何的界面設(shè)計(jì)都應(yīng)該首先照顧其承載平臺(tái)的特點(diǎn)，而現(xiàn)在的頁(yè)面更多的是照顧傳統(tǒng)紙媒的特點(diǎn)，所有信息都是分頁(yè)顯示，版面不夠就利用滑動(dòng)條來(lái)拓展。這樣的設(shè)計(jì)思維完全將電腦屏幕等同于紙面，這是極大的浪費(fèi)。我們的電腦屏幕所顯示的圖像是具有深度的，是可以智能的，可以根據(jù)不同的條件需求進(jìn)行智能變化。RIA下的網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該也必須跳出死板的“行規(guī)”，設(shè)計(jì)出真正符合數(shù)字平臺(tái)的網(wǎng)頁(yè)作品。

3 RIA下網(wǎng)頁(yè)設(shè)計(jì)的未來(lái)之路

3.1 機(jī)遇與困難同在

RIA的出現(xiàn)是令人興奮的，今天的網(wǎng)絡(luò)環(huán)境和用戶(hù)環(huán)境給它提供了足夠大的機(jī)遇，但同時(shí)，RIA也有一些問(wèn)題需要克服，它的登頂之路依然會(huì)遇到諸多考驗(yàn)。

1）用戶(hù)習(xí)慣。比如，HTML時(shí)代建立起來(lái)的用戶(hù)習(xí)慣可能就是一個(gè)巨大的障礙，很多用戶(hù)習(xí)慣了一種方式后，即便是這個(gè)方式不是最方便快捷的，他也很難改變，或者說(shuō)改變需要時(shí)間和更多更好更明顯的優(yōu)勢(shì)來(lái)促成。

2）客戶(hù)端跨平臺(tái)普及率。為了爭(zhēng)奪未來(lái)的這個(gè)龐大市場(chǎng)，不管是微軟還是Adobe都在竭盡全力推出自己的標(biāo)準(zhǔn)，就目前而言，還沒(méi)到完全統(tǒng)一的境地。相比較而言，RIA的客戶(hù)端中普及最為廣泛的是Flash Player，但和系統(tǒng)的無(wú)縫連接還需要加強(qiáng)，特別是非IE瀏覽器上。另外，在移動(dòng)終端上的表現(xiàn)還很薄弱，比如手機(jī)、PDA等數(shù)字產(chǎn)品上，HTML比它表現(xiàn)更為出色。

3.2 攜手共生、取長(zhǎng)補(bǔ)短

雖然前面大量篇幅介紹網(wǎng)絡(luò)媒體即將進(jìn)入RIA時(shí)代，但這并不是說(shuō)網(wǎng)絡(luò)的明天就一定是RIA獨(dú)步天下，RIA技術(shù)的出現(xiàn)更大的意義是反映了互聯(lián)網(wǎng)用戶(hù)的更高層次需求。網(wǎng)絡(luò)媒體會(huì)在各種新技術(shù)的推動(dòng)下變得更加豐富、更加富有層次。新技術(shù)的來(lái)臨是為網(wǎng)絡(luò)媒體提供了一個(gè)新的選擇，但不是對(duì)HTML的徹底否定。相比較而言，HTML技術(shù)對(duì)文字的高效渲染能力至今依然極其出眾，對(duì)于很多主要以傳遞文字信息的網(wǎng)站而言，使用HTML技術(shù)來(lái)創(chuàng)建更加適合。而對(duì)于多媒體內(nèi)容的對(duì)象而言，則是給了RIA更大的表現(xiàn)舞臺(tái)。在一定的時(shí)期內(nèi)，兩種技術(shù)平臺(tái)將會(huì)依然共存以服務(wù)于不同的對(duì)象。未來(lái)的網(wǎng)頁(yè)架構(gòu)和表現(xiàn)形式或許可能是HTML與RIA共存的局面，HTML技術(shù)的簡(jiǎn)單、成熟和用戶(hù)習(xí)慣的根深蒂固使其有足夠的理由不會(huì)退出歷史舞臺(tái)，更何況HTML技術(shù)也在朝著RIA的方向靠攏。所以，更遠(yuǎn)的未來(lái)，甚至是二者的互補(bǔ)直至融合。本文的意圖在于提醒網(wǎng)頁(yè)設(shè)計(jì)者面對(duì)網(wǎng)絡(luò)環(huán)境的變化，應(yīng)該具備隨時(shí)更新思維、更新技術(shù)的意識(shí)，網(wǎng)絡(luò)是新興媒體，網(wǎng)頁(yè)設(shè)計(jì)亦是最為前沿的媒體設(shè)計(jì)，任重而道遠(yuǎn)。

[1][美]AlanCooperRobertReimannDavidCronin著.交互設(shè)計(jì)精髓.電子工業(yè)出版社.

[2]中國(guó)Ria開(kāi)發(fā)者論壇.www.riachina.com.