admin 管理员组文章数量: 1086019
2024年5月11日发(作者：firebug是chrome浏览器的常用插件吗)
设计开发
基于Ｗｅｂ一３Ｄ的动漫
品牌虚拟专卖店展示设计与实现
田甜
（上海欧华职业技术学院上海２００２３３）
摘要：动漫品牌虚拟专卖店是基于互联网的专门经营某一动漫品牌商品的非实体性零售商店。目前其展示形式Ｉ￣Ｘ２Ｄ为主，存在诸多问题。
为解决问题本文提出研究基于Ｗｅｂ一３Ｄ的动漫品牌虚拟专卖店展示设计与实现。本课题通过调研和实证，探讨了构建虚拟专卖店的设计理论与
程序，并结合软硬件技术论述了实现设计的制作流程。研究的理论成果将进一步拓宽科学技术与艺术整合领域并对国内外动漫品牌在虚拟专卖
店中设计与制作３Ｄ展示具有一定指导意义。
关键词：信息传播Ｗｅｂ一３Ｄ虚拟展示设计与制作动漫品牌
中图分类号：ＴＰ３９ 文献标识码：Ａ 文章编号：１００７．９４１６（２０１２）０８．０１２８．０２
动漫品牌虚拟专卖店是基于互联网的专门经营某一动漫品牌
商品的非实体性零售商店。目前，动漫品牌虚拟专卖店的展示以文
字、图片和简单动画为主，互动只是在点击按钮时产生。此种展示形
式存在无临场感、展示单调、立体感弱、缺乏交互、视角唯一和浏览
被动问题，导致产品点击率低，影响销量。而Ｗｅｂ－－３Ｄ技术具有临场
感强、立体感好、交互多样、视角多变和浏览自主优点，能使专卖店
的虚拟展示突破２Ｄ限制，建立具有互动效果的３Ｄ虚拟场景，提高产
品浏览率与销量。因此本课题提出将Ｗｅｂ－３Ｄ技术应用到动漫品牌
虚拟专卖店中，研究其展示设计程序和制作流程。
素优化人与网页信息交流手段和过程以提高交流效率的设计。网页
互动设计是设计人与电脑之间的互动，以创造良好的人机互动系
统。
１．２展示设计
展示设计是主题为商品的综合技术设计。在既定时间和空间范
围内，运用艺术设计语言，通过对空间与平面的精心创造，使其创造
独特的空间范围，不仅含有解释展品宣传主题的意图，也能使观众
参与其中，达到完美沟通的目的。
２、设计程序
１、设计理论
设计动漫品牌虚拟专卖店的展示需要先以调研方式确定内容，
１．１网站设计
再在此基础上明确它们的结构关系和浏览流程，最后结合Ｗｅｂ一３Ｄ
网站是基于ｗｅｂ应用为基础，提供信息和服务的Ｉｎｔｅｒｎｅｔ网络
技术设计网页界面和互动方式（如图１）。
站点，其构成要素有网页、网址和域名。网站开发与之相对应，包含
２．１确定内容
动漫品牌的消费者主要集中在１０－３０岁。可以调查问卷方式收
网站设计、域名注册、网站维护等。其中，网站设计包括网站功能内
消费习惯、心理及行为等数据，并将这
容策划和网页界面及互动设计两方面。网站策划是指关于其内容、
集目标消费者的爱好、收入、
结构和浏览流程的策划。网页界面设计是通过协调网页内各构成要
些数据进行统计和比较总结出此类消费者具有追求视觉刺激、自主
性强、偏爱娱乐等特点。因此动漫品牌虚拟专卖店需含有品牌动态、
商品选购和有奖游戏三大块内容。
２．２结构设计
●
十～
图１ ３Ｄ虚拟展示设计程序图
致
术一用～
静～
～
网站一般包括封面页、主页、目录页、内容页和辅助页，它们具
有明显的上下层级关系。上述动漫品牌虚拟专卖店的三大块内容需
要进一步细化与完善，并以层级页面的形式明确它们的结构关系
（如图２）。
２．３脚本设计
网站的具体内容和结构一经明确就需要设计各页面的链接关
系，此关系既包括页面的进入又包括页面的退出。动漫品牌虚拟专
卖店的各级页面在内容细化与完善的基础上就能设定各自的进出
链接关系（如图３）。
２．４界面设计
为设计３Ｄ虚拟专卖店，可将空间展示概念运用到网页界面中。
因此，３Ｄ专卖店的设计分为内外两部分。外部包括门头、外饰面、标
识和广告，可作为网站封面页。内部可根据内容的不同划分为接待
区、咨询区、游戏区、展示区和收银区。接待区须有前台、形象墙、标
志和接待员，可作为网站主页；咨询区需装有显示器；游戏区则配有
玩游戏的设施；展示区应有商品、导购员和货架、展示台等；收银区
主要有收银台和收银员。专卖店内外部的布局、造型、材质和灯光都
需结合三维软件目前建模、贴图和打灯技术水平进行设计。设计好
的３Ｄ专卖店还需合理安排在界面中，以网页形式呈现。
２．５互动设计
图２动漫品牌虚拟专卖店结构图
错●十 拉一术鬲 字ｉ 戴广 应
设计开发
的３Ｄ数据库。专卖店的３Ｄ场景主要体现在
模型、材质、灯光和阴影的制作上。３Ｄ商品、
装饰物和服务员的模型制作可通过建模渲
染方式完成。主要步骤如下：
（１）在３Ｄ Ｍａｘ或Ｍａｙａ中创建场景、商
品、装饰物和服务员模型，
（２）添加材质与灯光，使模型既立体又
具动漫特点； 一
（３）导出模型，利用ＣＵｌｔ３Ｄ Ｅｘｐｏｒｔ
ｐｕｌｇｉｎ导出Ｃ３Ｄ格式文件或直接导出ＡＳＣ
格式文件。
４ ２布局拜面
导出的模型需要导入到Ｃ Ｕｌｔ ３Ｄ或
Ｖｉｅｗｐｏｉｎｔ软件中进行布局。把场景、商品、
装饰物和服务员模型导入到Ｃｕｌｔ３Ｄ Ｄｅ—
ｓｉｇｎｅｒ或Ｓｃｅｎｅ Ｂｕｉｌｄｅｒ中，参照设计稿将前
台、显示器、游戏设施、货架、收银台等放置
到相应的位置上。
４．３制作互动
蝴
图３动漫品牌虚拟专卖店浏览流程图
导
入
布
局
建
构
模
导
出
制
作
互
嵌
入
网
发
布
网
站
模
型
模
界
面
动
页
模型在布局完成后应继续在Ｃｕｌｔ３Ｄ
Ｄｅｓｉｇｎｅｒ或Ｓｃｅｎｅ Ｂｕｉｌｄｅｒ中制作互动。具体
步骤如下：
（１）给布局好的模型添加互动代码连
接，实现３Ｄ场景３６０７主动浏览，实现商品多
视点观看、体验和购买，实现与服务员的交
流，实现游戏和视频的互动；
（２）根据脚本制作各网页界面之间的链接，添加背景音乐和音效；
（３）导出后缀名为ＣＯ的文件或ＭＴＳ和ＭＴＸ格式文件。
４．４发布网站
后缀名为ＣＯ的文件需要在服务器中添ＪＪＨｍｉｎｅ－ｔｙｐｅ才能嵌入
图４ ３Ｄ虚拟展示制作流程图
ＨＴＭＬ中，而ＭＴＳ和ＭＴＸ文件可以直接嵌入到ｗｅｂ里。嵌入网页后
就可发布网站。
目前，网络上的３Ｄ虚拟环境都需安装第三方插件才能显示。所
以在逛３Ｄ虚拟专卖店时需在浏览器中安装Ｃｕｌｔ３Ｄ Ｖｉｅｗｅｒ ｐｕｌｇｉｎ
或Ｖｉｅｗｐｏｉｎｔ Ｍｅｄｉａ ｐｌａｙｅｒ插件才能实现浏览。
本课题利用ｗｅｂ一３Ｄ技术的优势，使动漫品牌虚拟专卖店突破
了２Ｄ限制，建立起具有互动效果的３Ｄ虚拟场景。其研究的设计程序
与制作流程既给国内外动漫品牌在虚拟专卖店中设计与制作３Ｄ展
３、软硬件技术
示提供理论依据，又拓宽科学技术与艺术的整合领域。对动漫品牌
３．１软件技术 开发商而言，利用Ｗｅｂ－３Ｄ技术制作虚拟专卖店，更能刺激消费，增
制作３Ｄ虚拟专卖店需要三维、Ｗｅｂ－３Ｄ和网页三类软件技术。三 加盈利；对消费者而言，足不出户就能体验与购买动漫衍生产品，节
维软件技术是指运用３Ｄ Ｍａｘ或Ｍａｙａ软件建模、贴图和打灯的技术。
约了时间和费用。
Ｗｅｂ－３Ｄ软件技术则是指利用ＣｕＲ３Ｄ或Ｖｉｅｗｐｏｉｎｔ￣件布局界面与
３Ｄ展示在动漫品牌虚拟专卖店中的应用潜力巨大，但在本课
制作交互的技术。网页软件技术是指嵌入网页和发布网站的技术。
题中仍存在许多理论问题和技术障碍，应在以后的实践过程中进行
３．２硬件技术 改进和完善。
制作３Ｄ虚拟专卖店所需的硬件技术有输入、处理和输出技术。
参考文献
鼠标和键盘完成指令和程序的输入。计算机和服务器则完成指令和
［１］高永惠．Ｗｅｂ３Ｄ虚拟现实技术概况与分析比较．广东医学院学报，
程序的处理。显示器和音箱输出处理完成的指令和程序。
２００４（３）：２９０—２９１．
浏览３Ｄ虚拟专卖店的主动性主要体现在互动方式上。在整个
专卖店中需设计不同的漫游路线和视角。店内背景音乐不仅能被任
意选择还能开关。咨询区中的视频需设计成能被随意点播。游戏区
的游戏既能被选择又能玩，并在获胜时可领取奖品。展示区中所有
商品都需设计相应地体验方式，商品在被选购后可被查看和编辑，
并能在收银区完成付款交易。店内的服务员应设置成可显示与隐
藏，并能与消费者交流。在设计互动形式时也需综合考虑Ｗｅｂ一３Ｄ
软件制作互动的技术水平
５、结语
４、制作流程
［２］张佳信．虚拟展示设计的交互性研究．硕士学位论文，２００８．
３］姜葳．用户界面设计研究．硕士学位论文，２００６．
实现３Ｄ虚拟展示需先采用３Ｄ Ｍａｘ或Ｍａｙａ￣ｒｊ作三维场景、商
［
４］高凤燕禹亮吴斌．动漫衍生品数字展厅的设计与实现．电脑知
品、装饰物和服务员，再运用ＣｕＲ３Ｄ或Ｖｉｅｗｐｏｉｎｔ制作互动，最后嵌
［
识与技术。２０１ １（１８）：１００９－３０４４．
入网页进行网站发布（如图４）。
［５］岳苑．以用户为中心的会展网站设计流程研究．硕士学位论文，
４．１建构模型
利用三维软件制作３Ｄ虚拟专卖店，建立商品、装饰物和服务员
２００５．
⑩
版权声明：本文标题：基于Web-3D的动漫品牌虚拟专卖店展示设计与实现 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1715418138a687958.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论