1.4.6

可交互VR原型Demo

用户头像
大植子Daz
站酷推荐设计师
北京/UI设计师/8年前/47005浏览
可交互VR原型Demo
用户头像
大植子Daz
去年春天就注意到有家公司宣布要做一款面向设计师的VR图形设计软件，等了大半年终于在去年十月份发布了Ottifox这款软件的第一版。在用了两个月之后觉得果然没有让我失望，确实是最适合设计师的VR设计软件，使用上类似于3D的Sketch+Principle，基本不需要会3D建模和代码就能做出高保真可交互的VR界面，最关键的是还支持在线预览，虽然不如Mirror可以实时预览，但是通过网页在电脑、手机和头显上看到交互效果也是对设计很有帮助了。
下面是我用Ottifox做的几个Demo，动图是浏览器录屏截得，图片有些大请多加载一会儿，实际效果可以在浏览器或手机上输入图片下面的网址，即可身临其境的体验
可交互VR原型Demo（图ZMTA0NjQzNTk2） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
Collect
可交互VR原型Demo（图ZMTA0NjQzNjA0） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
这个图主要是说明一下预览时可以进行的操作，按“WSAD”移动位置，按住并滑动光标移动视野，就和玩游戏一样，点击可交互的物体即可看到交互动效，在线预览：https://dazqu1991.github.io/VR/
Collect
可交互VR原型Demo（图ZMTA0NjQzNjI0） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
购买食物的界面，点击要购买的食物即可加入购物车，相比2D界面更加直观有趣
在线预览：https://dazqu1991.github.io/vr-food/
Collect
可交互VR原型Demo（图ZMTA0NjQzNjIw） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
精灵宝可梦百科界面，点击要捕捉的宝可梦即可收入精灵球中
在线预览：https://dazqu1991.github.io/vr-pokemon/
Collect
可交互VR原型Demo（图ZMTA0NjQzNjQw） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
Lowpoly游戏界面，点击人物即可更换角色
在线预览：https://dazqu1991.github.io/vr-magic/ （这个可能需要多刷新几次才能看到）
Collect
可交互VR原型Demo（图ZMTA0NjQzNjQ4） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
电影购票界面，点击当前界面，进入下一步的界面
在线预览：https://dazqu1991.github.io/vr-movie/ （网页有点大，加载有点慢）
Collect
可交互VR原型Demo（图ZMTA0NjQzNjY0） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
在线购物界面，点击产品图片，切换模型视角
在线预览：https://dazqu1991.github.io/vr-shoe/
由于软件比较新，国内外还没有教程，我就结合官方的User Guide和我使用时的经验给大家简单介绍下Ottifox的基本操作，正好过年回家闲的时候尝试一下
Collect
可交互VR原型Demo（图ZMTA0NjQzODI0） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
Collect
可交互VR原型Demo（图ZMTA0NjQzODMy） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
Collect
可交互VR原型Demo（图ZMTA0NjQzODQw） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
界面中模型均来自 poly.google.com 和 sketchfab.com 的免费模型
软件的安装包(只有Mac版)和我做的工程文件都放在网盘里了 https://pan.baidu.com/s/1jJt4MKA 欢迎下载交流，别忘了点赞哦
Collect
可交互VR原型Demo（图ZMTA0NjQzOTI0） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
VR-food 在手机上的效果
Collect
可交互VR原型Demo（图ZMTA0NjQzOTQ0） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
VR-food 在VR模式下的实际效果
Collect
可交互VR原型Demo（图ZMTA0NjQzOTY4） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
VR-pokemon 在手机上的效果
Collect
可交互VR原型Demo（图ZMTA0NjQzOTgw） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
VR-pokemon 在VR模式下的实际效果
Collect
可交互VR原型Demo（图ZMTA0NjQ0MDQw） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
VR-movie 在手机上的效果
Collect
可交互VR原型Demo（图ZMTA0NjQ0MDg0） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
VR-movie 在VR模式下的实际效果
Collect
可交互VR原型Demo（图ZMTA0NjQ0MTE2） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
VR-shoe 在手机上的效果
Collect
可交互VR原型Demo（图ZMTA0NjQ0MTI4） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
VR-shoe 在VR模式下的实际效果
Collect
可交互VR原型Demo（图ZMTA0NjQ0MTQw） - VR设计 - 站酷设计师大植子Daz原创素材 - 站酷ZCOOL
软件的安装包(只有Mac版)和我做的工程文件都放在网盘里了 https://pan.baidu.com/s/1jJt4MKA 欢迎下载交流，别忘了点赞哦
Collect
1417
|
Report
|
1185
Share
相关推荐
工作流分享-Figam+3D动效-短视频教程
工作流分享-Figam+3D动效-短视频教程
701
站酷推荐设计师
屏幕之外 UI设计师的空间思维
屏幕之外 UI设计师的空间思维
197
站酷推荐设计师
空间计算设计(交互软件篇)-Design for Vision Pro
空间计算设计(交互软件篇)-Design for Vision Pro
324
站酷推荐设计师
15年总结~
会员精选
15年总结~
25
站酷推荐设计师已加入PRO计划
推广
100个关于3D交互动效的探索(#41-#60)
100个关于3D交互动效的探索(#41-#60)
762
站酷推荐设计师
UI动效
UI动效
UI动效
UI动效
UI动效
155
100个关于3D交互动效的探索（#21-#40）
100个关于3D交互动效的探索（#21-#40）
932
站酷推荐设计师
100个关于3D交互动效的探索（#01-#20）
100个关于3D交互动效的探索（#01-#20）
788
站酷推荐设计师
华为主题 — 智能世界 触手可及
华为主题 — 智能世界 触手可及
1999
站酷推荐设计师
熊猫直播助手PC端
熊猫直播助手PC端
2831
站酷推荐设计师
混合现实儿童兴趣教育应用 MR TEACH
混合现实儿童兴趣教育应用 MR TEACH
2650
站酷推荐设计师
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗？喜欢就快来夸夸TA吧！
推荐素材
You may like
汉堡品牌-品牌设计-品牌IP-品牌策略
汉堡品牌-品牌设计-品牌IP-品牌策略
184
站酷推荐设计师
石头Z1 Ultra TVC
石头Z1 Ultra TVC
259
站酷推荐设计师
交通-山区高速干线管控系统
交通-山区高速干线管控系统
171
站酷推荐设计师
省狮原创作品合集 | 2025年度品牌设计合集-第一弹
省狮原创作品合集 | 2025年度品牌设计合集-第一弹
179
站酷推荐团队
【ANAN宇宙第一弹|宠物IP】
【ANAN宇宙第一弹|宠物IP】
325
好好家族故事兔宝与虎宝的100件小事
好好家族故事兔宝与虎宝的100件小事
205
站酷推荐插画师
相关收藏夹
UI动效
UI动效
UI动效
UI动效
UI动效
155
文章（UI）
文章（UI）
文章（UI）
文章（UI）
文章（UI）
2537
站酷推荐设计师
系统
系统
系统
系统
系统
316
交互知识技能
交互知识技能
交互知识技能
交互知识技能
交互知识技能
311
创意灵感来源
创意灵感来源
创意灵感来源
创意灵感来源
创意灵感来源
294
干货
干货
干货
干货
干货
224
大家都在看
IP 形象国庆LOGO 设计海报设计插画设计壁纸图片作品集VI 设计UI 设计规范AI 绘画表情包PPT模板vr\#vr vr vrvr、VR设计 #设计 #设计设计 #设计 设计’设计以设计a设计AS设计it设计是by设计把设计it设计设计inin设计设计的及设计设计】设计#设计#是也设计设计、 设计设计／设计 、@设计an设计 设计🤮设计设计还设计‘’设计及
Log in
99+Log in and synchronize recommended records
99+Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share