基于WEB3D環(huán)境下的網(wǎng)頁(yè)設(shè)計(jì)改革探索與研究

盧 安 趙 熙

浙江樹人大學(xué)藝術(shù)學(xué)院，浙江 杭州 310053

?

基于WEB3D環(huán)境下的網(wǎng)頁(yè)設(shè)計(jì)改革探索與研究

盧 安*趙 熙

浙江樹人大學(xué)藝術(shù)學(xué)院，浙江 杭州 310053

Web3D又稱網(wǎng)絡(luò)三維，它的發(fā)生與發(fā)展，基于互聯(lián)網(wǎng)的基本特點(diǎn)——?jiǎng)討B(tài)與交互。為適應(yīng)新興市場(chǎng)，需要網(wǎng)頁(yè)設(shè)計(jì)師具備多方面的專業(yè)技能，不僅能勝任二維網(wǎng)頁(yè)設(shè)計(jì)與制作，還需要掌握順應(yīng)時(shí)代發(fā)展的新技術(shù)——三維技術(shù)。對(duì)于二維和三維網(wǎng)頁(yè)制作均能得心應(yīng)手的綜合性人才，將成為未來(lái)網(wǎng)頁(yè)設(shè)計(jì)行業(yè)人才需求的主導(dǎo)。

Web3D；三維網(wǎng)頁(yè)設(shè)計(jì)；交互

一、項(xiàng)目的研究意義與研究背景

互聯(lián)網(wǎng)早已不是單一靜止的世界，動(dòng)態(tài)HTML、flash動(dòng)畫、流式音視頻，使整個(gè)網(wǎng)絡(luò)界面呈現(xiàn)盎然的生機(jī)。動(dòng)感的頁(yè)面更能吸引瀏覽者。而近年來(lái)Web3D的引入，造成了新一輪的視覺(jué)沖擊。娛樂(lè)網(wǎng)站在頁(yè)面上建立三維虛擬主持來(lái)吸引瀏覽者。游戲公司除了在光盤上發(fā)布3D游戲外，現(xiàn)在可以在網(wǎng)絡(luò)環(huán)境中運(yùn)行在線三維游戲，利用互連網(wǎng)絡(luò)的優(yōu)勢(shì)，受眾和覆蓋面得到迅速擴(kuò)張。

縱觀當(dāng)前高校的教學(xué)現(xiàn)狀，網(wǎng)頁(yè)設(shè)計(jì)的教學(xué)仍然滯后于行業(yè)發(fā)展，僅僅掌握基礎(chǔ)的HTML語(yǔ)言、JAVA和簡(jiǎn)單的FLASH動(dòng)畫的教學(xué)目標(biāo)，已經(jīng)不能適應(yīng)市場(chǎng)需求，很難滿足現(xiàn)今行業(yè)對(duì)學(xué)生綜合能力和創(chuàng)意、創(chuàng)新能力的要求。因此，網(wǎng)頁(yè)設(shè)計(jì)課程的可持續(xù)發(fā)展有著十分必要和迫切的意義。研究Web3D技術(shù)，將最新的Web3D技術(shù)引入課堂教學(xué)中，啟發(fā)學(xué)生的創(chuàng)新思維，培養(yǎng)學(xué)生的綜合能力。有利于拓展學(xué)生的知識(shí)結(jié)構(gòu)，突破專業(yè)局限性，使平面設(shè)計(jì)專業(yè)的學(xué)生掌握三維動(dòng)態(tài)的多媒體技能，從而更能適應(yīng)未來(lái)的市場(chǎng)需求。

二、WEB3D在網(wǎng)頁(yè)設(shè)計(jì)中的基礎(chǔ)研究

(一)理論基礎(chǔ)研究

1.Web3D技術(shù)的發(fā)展

Web3D技術(shù)的開發(fā)，是由VRML組織開發(fā)出的一種新的網(wǎng)絡(luò)三維技術(shù)。從此，在網(wǎng)頁(yè)設(shè)計(jì)中，誕生了一種全新的三維交互效果。因此，網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格更趨于多元化，網(wǎng)頁(yè)中的虛擬現(xiàn)實(shí)效果也更加易于實(shí)現(xiàn)，而且更加地逼真。

2.Web3D技術(shù)的實(shí)現(xiàn)

Web3D的技術(shù)的實(shí)現(xiàn)，首先需要建立在三維模型軟件的基礎(chǔ)上。通過(guò)三維模型軟件如3DMAX、MAYA等軟件來(lái)生成三維的立體模型，并渲染出三維空間場(chǎng)景。這些生成的文件，是用來(lái)作為網(wǎng)頁(yè)中三維動(dòng)畫的素材文件。而最終實(shí)現(xiàn)Web3D效果，必不可缺的是一些能夠和主流軟件相結(jié)合的插件。以Web3D技術(shù)為支撐、適用于網(wǎng)頁(yè)設(shè)計(jì)的各種插件應(yīng)運(yùn)而生，能夠很好地和三維制作軟件3DMAX、MAYA等對(duì)接，也能夠和網(wǎng)頁(yè)設(shè)計(jì)軟件FLASH相配合，起到在網(wǎng)頁(yè)中置入三維交互的效果。這些插件中Blaze 3D Studio，操作簡(jiǎn)便，是當(dāng)前網(wǎng)頁(yè)中應(yīng)用十分廣泛的一個(gè)插件，適合用于制作網(wǎng)頁(yè)中三維產(chǎn)品的互動(dòng)展示效果，可以實(shí)現(xiàn)全方位各個(gè)角度對(duì)產(chǎn)品的觀看。

(二)WEB3D在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用研究

基于Web3D技術(shù)而設(shè)計(jì)的網(wǎng)頁(yè)，為瀏覽者呈現(xiàn)出更加豐富而多樣化的視覺(jué)感受，筆者通過(guò)查閱大量網(wǎng)站，分析了Web3D技術(shù)當(dāng)前在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的應(yīng)用，從而篩選典型而有代表性的案例，如下。

1.Nike公司網(wǎng)站設(shè)計(jì)

該網(wǎng)站是關(guān)于Nike公司的產(chǎn)品運(yùn)動(dòng)鞋發(fā)展歷史的網(wǎng)站，內(nèi)容涵蓋廣泛，涵蓋了發(fā)展的歷史過(guò)程，網(wǎng)站的交互性很強(qiáng)。其中，基于Web3D技術(shù)，鞋子的三維旋轉(zhuǎn)效果格外地吸引人。

2.Ingreme設(shè)計(jì)公司網(wǎng)頁(yè)設(shè)計(jì)

Ingreme設(shè)計(jì)公司的網(wǎng)站，該網(wǎng)站的設(shè)計(jì)制作以三維動(dòng)畫為主，經(jīng)過(guò)三維建模、三維動(dòng)畫、渲染生成序列圖，再通過(guò)Flash整合、添加互動(dòng)元素，最終制作成網(wǎng)頁(yè)。目前，隨著互聯(lián)網(wǎng)帶寬的增加，網(wǎng)速越來(lái)越快，三維網(wǎng)站已經(jīng)成為網(wǎng)頁(yè)設(shè)計(jì)新潮流，越來(lái)越多的公司傾向于用三維網(wǎng)站來(lái)展示公司產(chǎn)品和形象。

三、WEB3D技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)的課程中的改革研究

(一)課程教學(xué)內(nèi)容的更新與優(yōu)化設(shè)計(jì)

1.教學(xué)案例的更新

隨著網(wǎng)頁(yè)設(shè)計(jì)的不斷更新和發(fā)展，教師在備課過(guò)程中，也需要不斷更新教學(xué)案例，在傳統(tǒng)經(jīng)典的案例基礎(chǔ)上，加入WEB3D網(wǎng)頁(yè)的案例，講解當(dāng)下最具有代表性的典型、優(yōu)秀的WEB3D網(wǎng)頁(yè)案例，才能做到與時(shí)俱進(jìn)，滿足不斷變化的市場(chǎng)需求。在網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)中，介紹了大量的最新三維網(wǎng)站的案例，深入剖析網(wǎng)站的制作過(guò)程。

2.教學(xué)內(nèi)容設(shè)計(jì)的前瞻性

對(duì)于網(wǎng)頁(yè)設(shè)計(jì)這樣的前沿學(xué)科領(lǐng)域，新技術(shù)層出不窮，網(wǎng)頁(yè)設(shè)計(jì)的面貌日新月異，教師在教學(xué)過(guò)程中更需要考慮教學(xué)內(nèi)容的前瞻性，這就需要教師能夠?qū)崟r(shí)地關(guān)注當(dāng)前的網(wǎng)頁(yè)設(shè)計(jì)行業(yè)，了解最新的WEB3D資訊，了解行業(yè)的發(fā)展，才能設(shè)計(jì)出有前瞻性的教學(xué)內(nèi)容。

3.自我學(xué)習(xí)與提高

對(duì)于新興的WEB3D技術(shù)，新的軟件的應(yīng)用技法、新的三維技術(shù)不斷出現(xiàn)，教師需要不斷地學(xué)習(xí)新的技術(shù)，才能提高自身的專業(yè)技能，才能將最新的知識(shí)傳授給學(xué)生。教師在備課時(shí)，不能僅僅局限于自身已經(jīng)掌握的專業(yè)技術(shù)知識(shí)，而需要自學(xué)新的軟件技術(shù)。

(二)引導(dǎo)創(chuàng)新思維

由于網(wǎng)頁(yè)設(shè)計(jì)行業(yè)是不斷推陳出新的，教師在教學(xué)過(guò)程中，應(yīng)該鼓勵(lì)學(xué)生多出有創(chuàng)意的想法方案，不要急于否定學(xué)生設(shè)計(jì)出的方案，善于發(fā)現(xiàn)學(xué)生設(shè)計(jì)方案中的閃光點(diǎn)，鼓勵(lì)學(xué)生抓住設(shè)計(jì)閃光點(diǎn)，拓展設(shè)計(jì)方案，大膽創(chuàng)新。

四、WEB3D技術(shù)未來(lái)發(fā)展趨勢(shì)

隨著網(wǎng)絡(luò)技術(shù)的不斷提高，網(wǎng)絡(luò)速度的不斷提升，在網(wǎng)頁(yè)中運(yùn)行大文件量的三維動(dòng)畫將不再成為設(shè)計(jì)師的難題，三維動(dòng)畫的交互效果將更加豐富而多樣化，由三維動(dòng)畫模擬出的虛擬現(xiàn)實(shí)效果將更加逼真，WEB3D技術(shù)將在未來(lái)得到更廣泛的應(yīng)用。

[1]文靜，李婷.淺談網(wǎng)頁(yè)設(shè)計(jì)中三維空間感的營(yíng)造[J].科協(xié)論壇(下半月)，2008(9)：118-120.

[2]魯治中.談三維動(dòng)畫與網(wǎng)頁(yè)動(dòng)畫的審美比較[J].科技創(chuàng)新與應(yīng)用，2012(21)：75.

盧安(1995-)，男，漢族，浙江人，浙江樹人大學(xué)，本科，主攻動(dòng)畫藝術(shù)設(shè)計(jì)方向；趙熙(1982-)，女，江蘇揚(yáng)州人，碩士，浙江樹人大學(xué)，講師，主要從事數(shù)字媒體交互設(shè)計(jì)、動(dòng)畫理論研究。

G

A

1006-0049-(2017)12-0273-01