基于WEB3D環境下的網頁設計改革探索與研究

盧 安 趙 熙

浙江樹人大學藝術學院，浙江 杭州 310053

?

基于WEB3D環境下的網頁設計改革探索與研究

盧 安*趙 熙

浙江樹人大學藝術學院，浙江 杭州 310053

Web3D又稱網絡三維，它的發生與發展，基于互聯網的基本特點——動態與交互。為適應新興市場，需要網頁設計師具備多方面的專業技能，不僅能勝任二維網頁設計與制作，還需要掌握順應時代發展的新技術——三維技術。對于二維和三維網頁制作均能得心應手的綜合性人才，將成為未來網頁設計行業人才需求的主導。

Web3D；三維網頁設計；交互

一、項目的研究意義與研究背景

互聯網早已不是單一靜止的世界，動態HTML、flash動畫、流式音視頻，使整個網絡界面呈現盎然的生機。動感的頁面更能吸引瀏覽者。而近年來Web3D的引入，造成了新一輪的視覺沖擊。娛樂網站在頁面上建立三維虛擬主持來吸引瀏覽者。游戲公司除了在光盤上發布3D游戲外，現在可以在網絡環境中運行在線三維游戲，利用互連網絡的優勢，受眾和覆蓋面得到迅速擴張。

縱觀當前高校的教學現狀，網頁設計的教學仍然滯后于行業發展，僅僅掌握基礎的HTML語言、JAVA和簡單的FLASH動畫的教學目標，已經不能適應市場需求，很難滿足現今行業對學生綜合能力和創意、創新能力的要求。因此，網頁設計課程的可持續發展有著十分必要和迫切的意義。研究Web3D技術，將最新的Web3D技術引入課堂教學中，啟發學生的創新思維，培養學生的綜合能力。有利于拓展學生的知識結構，突破專業局限性，使平面設計專業的學生掌握三維動態的多媒體技能，從而更能適應未來的市場需求。

二、WEB3D在網頁設計中的基礎研究

(一)理論基礎研究

1.Web3D技術的發展

Web3D技術的開發，是由VRML組織開發出的一種新的網絡三維技術。從此，在網頁設計中，誕生了一種全新的三維交互效果。因此，網頁設計的風格更趨于多元化，網頁中的虛擬現實效果也更加易于實現，而且更加地逼真。

2.Web3D技術的實現

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

(二)WEB3D在網頁設計中的應用研究

基于Web3D技術而設計的網頁，為瀏覽者呈現出更加豐富而多樣化的視覺感受，筆者通過查閱大量網站，分析了Web3D技術當前在網頁設計領域的應用，從而篩選典型而有代表性的案例，如下。

1.Nike公司網站設計

該網站是關于Nike公司的產品運動鞋發展歷史的網站，內容涵蓋廣泛，涵蓋了發展的歷史過程，網站的交互性很強。其中，基于Web3D技術，鞋子的三維旋轉效果格外地吸引人。

2.Ingreme設計公司網頁設計

Ingreme設計公司的網站，該網站的設計制作以三維動畫為主，經過三維建模、三維動畫、渲染生成序列圖，再通過Flash整合、添加互動元素，最終制作成網頁。目前，隨著互聯網帶寬的增加，網速越來越快，三維網站已經成為網頁設計新潮流，越來越多的公司傾向于用三維網站來展示公司產品和形象。

三、WEB3D技術在網頁設計的課程中的改革研究

(一)課程教學內容的更新與優化設計

1.教學案例的更新

隨著網頁設計的不斷更新和發展，教師在備課過程中，也需要不斷更新教學案例，在傳統經典的案例基礎上，加入WEB3D網頁的案例，講解當下最具有代表性的典型、優秀的WEB3D網頁案例，才能做到與時俱進，滿足不斷變化的市場需求。在網頁設計課程的教學中，介紹了大量的最新三維網站的案例，深入剖析網站的制作過程。

2.教學內容設計的前瞻性

對于網頁設計這樣的前沿學科領域，新技術層出不窮，網頁設計的面貌日新月異，教師在教學過程中更需要考慮教學內容的前瞻性，這就需要教師能夠實時地關注當前的網頁設計行業，了解最新的WEB3D資訊，了解行業的發展，才能設計出有前瞻性的教學內容。

3.自我學習與提高

對于新興的WEB3D技術，新的軟件的應用技法、新的三維技術不斷出現，教師需要不斷地學習新的技術，才能提高自身的專業技能，才能將最新的知識傳授給學生。教師在備課時，不能僅僅局限于自身已經掌握的專業技術知識，而需要自學新的軟件技術。

(二)引導創新思維

由于網頁設計行業是不斷推陳出新的，教師在教學過程中，應該鼓勵學生多出有創意的想法方案，不要急于否定學生設計出的方案，善于發現學生設計方案中的閃光點，鼓勵學生抓住設計閃光點，拓展設計方案，大膽創新。

四、WEB3D技術未來發展趨勢

隨著網絡技術的不斷提高，網絡速度的不斷提升，在網頁中運行大文件量的三維動畫將不再成為設計師的難題，三維動畫的交互效果將更加豐富而多樣化，由三維動畫模擬出的虛擬現實效果將更加逼真，WEB3D技術將在未來得到更廣泛的應用。

[1]文靜，李婷.淺談網頁設計中三維空間感的營造[J].科協論壇(下半月)，2008(9)：118-120.

[2]魯治中.談三維動畫與網頁動畫的審美比較[J].科技創新與應用，2012(21)：75.

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

G

A

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