1、三維網(wǎng)頁(yè)設(shè)計(jì)中互動(dòng)媒體技術(shù)的運(yùn)用摘要：現(xiàn)如今，網(wǎng)絡(luò)媒體技術(shù)不斷朝著互動(dòng)媒體的方向發(fā)展。網(wǎng)頁(yè)設(shè)計(jì)中，運(yùn)用三維立體網(wǎng)頁(yè)設(shè)計(jì)，可以真實(shí)地呈現(xiàn)對(duì)象，而將互動(dòng)媒體技術(shù)運(yùn)用到三維網(wǎng)頁(yè)設(shè)計(jì)中，就可以提升信息傳播的效果。互動(dòng)媒體技術(shù)的使用,并非簡(jiǎn)單疊加聲音、圖片以及影像等要素，而是要有機(jī)融合各個(gè)多媒體要素，使三維網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容變得更加活潑生動(dòng)。關(guān)鍵詞：三維網(wǎng)頁(yè)設(shè)計(jì);互動(dòng)媒體技術(shù);VRML過(guò)去，網(wǎng)頁(yè)設(shè)計(jì)單純通過(guò)文字、圖片、聲音等傳播信息。現(xiàn)在，人們逐漸習(xí)慣于瀏覽網(wǎng)頁(yè)，網(wǎng)頁(yè)設(shè)計(jì)也從線性模式轉(zhuǎn)變?yōu)榻换ツＪ健，F(xiàn)階段，互動(dòng)媒體技術(shù)不斷更新?lián)Q代，在多個(gè)領(lǐng)域尤其是在三維網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域中發(fā)揮重要作用。一、互動(dòng)媒體技術(shù)概述所謂互動(dòng)

2、媒體技術(shù)，是指一種相對(duì)特殊的多媒體技術(shù)，包含互動(dòng)媒體技術(shù)以及互動(dòng)媒體藝術(shù)兩個(gè)方面。換句話說(shuō)，互動(dòng)媒體技術(shù)是一種多種信息輸入及輸出的循環(huán)。互動(dòng)媒體技術(shù)、新媒體技術(shù)都屬于多媒體技術(shù)的分支，其中，互動(dòng)媒體技術(shù)更加重視互動(dòng)性。現(xiàn)階段，與互動(dòng)媒體技術(shù)相關(guān)的研究還不夠深入，大多數(shù)研究與互動(dòng)媒體藝術(shù)相關(guān)。與西方發(fā)達(dá)國(guó)家相比，我國(guó)對(duì)互動(dòng)媒體技術(shù)的研究還存在很大差距，但是，我國(guó)政府十分重視互動(dòng)媒體技術(shù),在相關(guān)產(chǎn)業(yè)中投入了大量的人力、物力以及財(cái)力,因此，我國(guó)的互動(dòng)媒體技術(shù)未來(lái)將會(huì)飛速發(fā)展。二、三維網(wǎng)頁(yè)設(shè)計(jì)和互動(dòng)媒體技術(shù)的發(fā)展現(xiàn)狀現(xiàn)在，社會(huì)正處于高速運(yùn)轉(zhuǎn)的網(wǎng)絡(luò)信息時(shí)代，互動(dòng)媒體技術(shù)已經(jīng)開(kāi)始大量應(yīng)用于各個(gè)領(lǐng)域。不過(guò)，

3、技術(shù)的發(fā)展需要市場(chǎng)需求的支持，當(dāng)下的市場(chǎng)需求正在推動(dòng)網(wǎng)頁(yè)設(shè)計(jì)不斷朝著互動(dòng)媒體的方向發(fā)展。結(jié)合互動(dòng)媒體技術(shù)的商業(yè)網(wǎng)站，就如網(wǎng)絡(luò)名片，對(duì)于互動(dòng)媒體技術(shù)的發(fā)展起到了很好的宣傳及展示作用。現(xiàn)階段，運(yùn)用互動(dòng)媒體技術(shù)的網(wǎng)站主要是為了宣傳、展示和制作游戲。互動(dòng)媒體技術(shù)可以進(jìn)行大量建模，從而制造出虛擬現(xiàn)實(shí)場(chǎng)景，發(fā)揮宣傳的作用。三、三維網(wǎng)頁(yè)設(shè)計(jì)和互動(dòng)媒體技術(shù)有效結(jié)合的關(guān)鍵前提1.傳播的媒介網(wǎng)頁(yè)設(shè)計(jì)傳遞信息關(guān)鍵依托于計(jì)算機(jī)和網(wǎng)絡(luò)技術(shù)。隨著互聯(lián)網(wǎng)的飛速發(fā)展，各個(gè)網(wǎng)站開(kāi)始為人們構(gòu)建訪問(wèn)信息平臺(tái)，有效解決了網(wǎng)站互動(dòng)的時(shí)間、空間問(wèn)題。4G和Wi-Fi技術(shù)的發(fā)展和普及，改變了過(guò)去PC端為唯一訪問(wèn)終端的格局。現(xiàn)在，智能手機(jī)已

4、經(jīng)成為最新的終端，所有用戶都可以通過(guò)手機(jī)訪問(wèn)互聯(lián)網(wǎng)，另外，智能手機(jī)還結(jié)合互動(dòng)媒體技術(shù)設(shè)計(jì)網(wǎng)頁(yè)，充足滿足市場(chǎng)需求。2.傳播的內(nèi)容網(wǎng)頁(yè)設(shè)計(jì)所要傳遞的信息就是網(wǎng)頁(yè)內(nèi)容。例如，企業(yè)網(wǎng)站的網(wǎng)頁(yè)內(nèi)容一般是企業(yè)的團(tuán)隊(duì)結(jié)構(gòu)、產(chǎn)品功能的宣傳等。運(yùn)用互動(dòng)媒體技術(shù)的網(wǎng)頁(yè)，大多比較在乎用戶的體驗(yàn)。當(dāng)網(wǎng)站與用戶互動(dòng)時(shí)，就可以使用戶了解產(chǎn)品的性能，并讓他們充分感受企業(yè)文化。如今，三網(wǎng)融合的深入，使網(wǎng)頁(yè)設(shè)計(jì)打破了過(guò)去的平面化模式，開(kāi)始變得更加豐富和多樣。通過(guò)加入動(dòng)畫(huà)和視頻等，可以更好地傳播信息。互動(dòng)媒體技術(shù)的應(yīng)用領(lǐng)域非常廣泛，具體分為以下幾個(gè)領(lǐng)域。第一，企業(yè)產(chǎn)品展示。企業(yè)的網(wǎng)站通過(guò)與用戶互動(dòng)展示產(chǎn)品，可以為瀏覽者提供良好的

5、視覺(jué)體驗(yàn)。以運(yùn)動(dòng)品牌耐克為例，該品牌網(wǎng)站就運(yùn)用了虛擬現(xiàn)實(shí)的互動(dòng)效果，使瀏覽者可以從各個(gè)角度觀察耐克的產(chǎn)品。第二，會(huì)展場(chǎng)館展示。以WEB為基礎(chǔ)的三維會(huì)展展示，在上海世博會(huì)上獲得推廣。中國(guó)館、城市足跡館等大量運(yùn)用了多角度的視覺(jué)展示，可以讓瀏覽者在電腦前就能夠看到場(chǎng)館內(nèi)部的亮點(diǎn)。第三，虛擬場(chǎng)景。在產(chǎn)品應(yīng)用方面，虛擬校園是其中非常經(jīng)典的應(yīng)用。以VRML為基礎(chǔ)的校園，可以推動(dòng)校園數(shù)字化建設(shè)。由此可見(jiàn)，將來(lái)，WEB虛擬社區(qū)將不斷從過(guò)去的二維向三維進(jìn)行轉(zhuǎn)變。第四，互動(dòng)視頻會(huì)議。高速4G以及Wi-Fi技術(shù)的發(fā)展和普及，使視頻通話和會(huì)議的互動(dòng)性更強(qiáng)。互動(dòng)視頻網(wǎng)站可以提供視頻通話服務(wù)，以及文件的分發(fā)、修改等，不僅

6、如此，還可以實(shí)時(shí)錄制會(huì)議的過(guò)程。四、基于VRML的互動(dòng)媒體技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的實(shí)踐探索1.通過(guò)SketchUp創(chuàng)建三維立體模型SketchUp是Google公司發(fā)布的一款快速三維建模軟件，這款軟件操作簡(jiǎn)單且直觀。三維網(wǎng)頁(yè)的建設(shè)過(guò)程，需要與客戶積極的互動(dòng)與溝通，通過(guò)SketchUpPro建立3D模型，準(zhǔn)確呈現(xiàn)客戶的需求，從而做出正確的決定。不僅如此，從整體上來(lái)說(shuō)，還可展現(xiàn)三維網(wǎng)頁(yè)項(xiàng)目的細(xì)節(jié)，使項(xiàng)目組成員更加方便地與客戶交流開(kāi)發(fā)細(xì)節(jié)。除此之外，SketchUpPro還支持輸出2D元素與3D模型的混合，從而實(shí)現(xiàn)更加便捷的數(shù)字演示，并對(duì)其進(jìn)行相應(yīng)修改，從而補(bǔ)充三維網(wǎng)頁(yè)的內(nèi)容。2.在3DSMAX中設(shè)置VR

7、ML節(jié)點(diǎn)SketchUpPro的優(yōu)點(diǎn)在于其良好的兼容性，支持3DSMAX格式文件的導(dǎo)出，確保可以在3DSMAX格式文件中再次編輯，并將VRML節(jié)點(diǎn)加入其中，大大提升了其互動(dòng)效果。3DSMAX可以提供十二個(gè)導(dǎo)出節(jié)點(diǎn)，一般來(lái)說(shuō)，常用的節(jié)點(diǎn)為：一是Anchor，這個(gè)節(jié)點(diǎn)可以在用戶瀏覽錨點(diǎn)對(duì)象但還沒(méi)有按下鼠標(biāo)確定時(shí)，就會(huì)收到消息提示。二是VRMLInline節(jié)點(diǎn)。這個(gè)節(jié)點(diǎn)提供了鏈接到外部VRML文件的功能。另外，ProxSensor節(jié)點(diǎn)則是當(dāng)用戶進(jìn)入、離開(kāi)或者在某個(gè)方形區(qū)域漫游時(shí)，就會(huì)觸發(fā)相應(yīng)的事件。3.編輯VRML文件完成WEB發(fā)布VRML提供超過(guò)五十個(gè)節(jié)點(diǎn)，相關(guān)的文件類(lèi)型是純ASCII文件，可以用

8、記事本編輯。如果網(wǎng)絡(luò)傳輸VRML和HTML的連接可以提升動(dòng)態(tài)交互的功能，運(yùn)用非標(biāo)準(zhǔn)標(biāo)記就能將VRML格式的文檔嵌入HTML當(dāng)中。對(duì)于一些數(shù)據(jù)較多的三維模型，最好還是用裝有插件的瀏覽器打開(kāi)。現(xiàn)階段，SGI公司CosmoPlayer插件與SONY的CommunityPlaceBrowser插件功能較強(qiáng)，可以流暢地為用戶展現(xiàn)三維立體的效果。4.互動(dòng)媒體技術(shù)在三維網(wǎng)頁(yè)設(shè)計(jì)中的發(fā)展?jié)摿ΜF(xiàn)階段，網(wǎng)頁(yè)傳遞的信息已經(jīng)覆蓋了我們生活的方方面面，各種新技術(shù)的出現(xiàn)使網(wǎng)頁(yè)設(shè)計(jì)變得更加時(shí)尚潮流。未來(lái)的互動(dòng)媒體技術(shù)軟硬件，可以讓瀏覽者在瀏覽網(wǎng)頁(yè)時(shí)就像觀看3D電影一樣，直接通過(guò)網(wǎng)站“參觀”遠(yuǎn)距離的博物館以及展覽館。互動(dòng)新媒體技術(shù)還可以與服裝、家裝等行業(yè)有機(jī)結(jié)合，從而使瀏覽者觀看到真實(shí)的產(chǎn)品，并享受優(yōu)質(zhì)的產(chǎn)品體驗(yàn)。五、結(jié)語(yǔ)根據(jù)上文論述可知，將互動(dòng)媒體技術(shù)應(yīng)用在三維網(wǎng)頁(yè)設(shè)計(jì)中，可以將產(chǎn)品虛擬再現(xiàn)給瀏覽者。不斷涌現(xiàn)的新技術(shù)可以使網(wǎng)頁(yè)的表現(xiàn)能力更加豐富，使人們獲得視覺(jué)上的滿足感。隨著互動(dòng)媒體技術(shù)的出現(xiàn)，三維