卢 安 赵 熙

浙江树人大学艺术学院，浙江 杭州 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