在这篇文章里我们会讨论如何在VR里制作“设计原型(prototype)”。 如果你对 VR 感兴趣,又是设计从业者,看完这篇文章,你可以很快上手在 VR 里创作 3D 原型。 如果你对 VR 不太感冒,2018年了,虚拟现实了解一下 😜。
文章结束,我们会有一串可以描绘VR 版哔哩哔哩直播的 3D 场景,可以在里面走来走去,放大缩小,自由演绎用户会怎么使用这个产品。这个过程不会使用任何涉及到编程的工具,不会动手雕刻复杂的 3D 模型,甚至不需要脱下头盔打断创作状态。快速,简单,所见即所得,是这个工作流最大的特征。
运行Windows10的PC:Figma 网页端设计工具 Google Poly 3D 模型库 Sketchfab 网页端 3D 模型展示平台。
Oculus Rift+TouchGoogle Blocks 简易3D建模软件 SketchBox VR 原型制作软件。
这里是最后的成果👇一共耗时8小时左右,四个场景平均耗时2小时,非VR会消耗我4天,是显著的提升。
设想一个当今很活跃的手机应用的VR版是什么样的? 在一个设计师微信群里做了快速统计后,淘宝,哔哩哔哩动画,微信获得前三,对于我来说bilibili 更好玩,使用场景也更多,所以最终锁定了哔哩哔哩动画。
具体的场景是在哔哩哔哩动画VR中收看Mr Quin的直播。
和设计一个手机应用/网页一样,调研,发想,设计,迭代。从低保真到高保真。 我们这个流程突出一个字:快。学起来快,做起来快,而且管用。 本方法最核心的流程:从快速建模工具 GoogleBlocks ,开源模型库Poly,到原型工具 Sketch Box的快速素材创建和调用。👈看完这句话你就可以走了
硬件工具是运行Windows10的PC, Oculus rift + Touch软件工具有一个原则:简单好上手,免费。由于Oculus的视窗系统:Dash,下面的每一步都可以在带头盔的状态下完成。
3D 世界的可能性太多了, 很容易迷失在不停的尝试里。如果能在纸上搞清楚这些,你的原型制作流程会快非常多:
使用原型的用户是个什么样的人?需要完成什么?(明确用户,功能需求)
为了完整表达这个实用场景,需要哪写步骤?(故事版,流程)
简单描述/画出这些步骤里所需的2D 3D素材(界面素材,3D 模型)
把纸上做好的内容扫描一下(或者干脆在iPad上画),之后可以放在VR里做参考。
纸上的东西搞定了,该上电脑动手创建素材了。咱们从最熟悉的 2D 界面素材开始。问题来了,VR生产环境基本都是PC,有没有像 Mac 上的 Sketch 一样快速做界面的工具?
向你推荐Figma, 一款在windows上也能用的极速界面设计工具。Figma,一言以蔽之:可以多人协作的网页版sketch,有chrome就能用。
如果你用过sketch,相信你在这里可以如鱼得水。注意:想要在figma里使用中文,需要选择中文字体,默认可用的是 Noto Sans SC。
我们在这里按钮,卡片,要用的文字尽可能准备好,背景和内容的对比度可以稍微强一些。稍后导入场景搭建工具的时候,可读性会更好。如果你习惯使用其他工具也没问题,Figma的好处在于资源占用低,速度快,学起来快。这里是笔者的界面设计文件。你可以缩放和移动画布,你也可以复制一份自己玩耍。 原型阶段对界面设计细节没有刻板的要求,保证素材放入环境后可以辨识就行。 (注意素材的分辨率,透明度。) 1.如果你想要追求最科学的尺寸,距离,位置。你可以参考谷歌出品的VR 界面组件库。 如果把之后的场景创建比作拼乐高,这一步就是准备积木块。 基于Sketchbox支持素材的类型:glTF,Poly直接导入,咱们遵循一个“先找后做”的流程。先去Sketchfab,Poly搜索下有没有能用的素材,咱们找素材的方针是:先去 SketchFab 找高保真,和你要的素材接近的模型。 什么是Sketchfab?Sketchfab是一个基于网页的3D模型渲染工具,也是拥有超过一百五十万模型的线上模型库。
具体是在这里 /素材探索/可下载 (Explore/Filter by Downloadable):
找到素材以后记得下载glTF格式,找个地方保存好。
2.如果Sketchfab没有,或者你想要更统一的低多边形(low poly)风格,可以去Google Poly 试试。
什么是Poly?Poly也是一个基于网页的 3D 渲染工具,也是一个 3D 模型库。Poly专注于低多边形模型,天然支持谷歌自家的Blocks和Tiltbrush。可以说是模型界的Noun Project。 由于稍后可以直接通过模型的名字调用,找到你需要的模型后,你并不需要下载。
给模型点个赞,这样稍后你在Blocks里建模可以用到,同时记住名字和样子方便稍后在Sketchbox添加。
Google Blocks, 也许是你的第一款 3D 创作工具
先找后做,如果找不到,我们就自己做。
别害怕,如果你会搭积木,你就会用 Google Blocks 做模型。
什么是 Google Blocks ? 这是一个只有六种工具的低多边形建模工具。工具少,五分钟就能学会,创作的可能性却千变万化。
Oculus Dash, 让你利用“无限”空间的应用窗口
成熟的建模者会根据物体的三视图进行参考建模。如果你也想建模又快又好,找张你要建模的东西的照片,一边参考,一边做。
多亏 Oculus Dash,多任务操作变得极其简单。(去年看到这个给我我兴奋坏了)
如何操作:打开 Oculus Dash,进入你的桌面,打开Chrome, 搜索你想要找的东西,把这个窗口拽出来,钉在一个合适的位置。关闭 Oculus Dash,你就会在你的应用里看到这个窗口了。
模型做完后,点击发布就会将模型上传到Poly。记得给你的模型起个相对独特的名字,等待5分钟左右模型就可以在 SketchBox中被调用了。
这个工作流的精华就是这里:不需要复杂的管线,做完,上传,稍后只靠名字搜索就能放进你的场景。
素材都准备好了,接下来我们靠SketchBox 来把素材拼接成一个完整的场景。
Sketchbox是一个方便的 VR 原型制作工具,他允许你把各式各样的素材在 VR 中随意摆放,变形,还支持像幻灯片一样的批注和场景切换。
准备好的图片文件,3D 模型,按照类型放在这个目录对应的文件夹里。文件夹中已有的内容是Sketchbox准备的示例,可以放心删除。文件放好后,记得好好命名,这样稍后好找。
如果要调用先前导入的素材,点击左手的Import(导入),选择你的文件即可。
如果要调用Poly里的文件,点击Poly图标,搜索之前给你的模型起的名字,找到后拖进来就好
Sketchbox 很好学,你可以在这里找到详细的操作方法。 一幅图帮你理清场景搭建的逻辑。按照途中数字顺序安置素材即可。 在场景中先确立环境和用户的大小和位置关系,再按照用户确定环境中物体(object)的大小位置,最后确定界面。这样搭建会最快确定相对坐标,减少变量。
完成场景搭建后,可以设置观察点,锁定视角和缩放,保证稍后观赏时比例正确。
做场景的时候别忘了打开你最喜欢的音乐。还是使用Oculus Dash,把这个窗口钉住。
经过我的长期测试,免费账户网页端广告明显少于客户端。一边搭积木一边听这些歌效果极好。 场景搞定了, 使用Sketchfab可以为你的场景设置多个观察点,这样不在就算没有头盔,只要能上网,就能自由的浏览你的原型,快速的了解你原型的意图。Sketchfab 还有 VR 观察模式,观察你原型的人只要有 Cardboard(暴风墨镜类)就能以很低的成本体验你的原型。
你也可以使用Oculus内置的 Oculus Mirrow 工具配合录屏,把整个体验录制下来,详细设置可以参考这个视频。 到这一步原型制作就结束了。我们来回顾一下到现在你得到了什么:
清晰的产品思路,场景设定 (可以和别人交流想法)
足够的 2D 设计素材 (可以取出来做更精细的2D 界面)
精挑细选的 3D 的素材 (可以作为素材库)
一个有故事,有层次的 3D 场景 (下一步最好的起点)
VR中的创作工具正在显著的降低3D创作的门槛,丰富生动的立体内容不再被3D美术专家垄断。本文讨论的工作流本质上并不是像 iPad 上 Grageband 那样很难带入生产环境的玩具。虽然功能简单,但这些工具被证实确实满足 3D 原型制作,甚至游戏制作的需求。
我相信未来 3D 创作会像组装宜家家具一样普遍,像搭积木一样简单。我们在虚拟设计的表达会前所未有的多样,每个人都可以畅游在迥然不同的世界里💃🕺。
最后介绍几个非常棒的 VR 创作工具和创作者,感谢你的阅读!
Goro Fujita,使用Quill在无限大的世界里快速创建迪士尼一样的画面
什么是Quill? Quill是Oculus Studio出品的 VR 绘画,动画软件。
和Tiltbrush 不同的地方在于:Quill支持像传统绘画一样的厚涂技法,减少了笔触的3D效果,强调视觉塑造。
这是Goro Fujita(点击这里查看他更多的作品)的一个街区作品。看完这个作品,你也许就能理解VR里,一次创作,多样解读的特征。 Jarlan Perez,模块化的使用Google Blocks进行复杂的创作
这是Jarlan 创作的场景,大小事一个完整的游戏关卡。
他还制作了一个机器人模型库,导入Blcoks后你就可以方便的搭积木了。 Jama Jurabaev,使用Gravity Sketch 发想精密复杂的机械
Gravity Sketch 是一款VR设计软件,你可以在里面画出流畅的曲线,再通过曲线创造出模型。
这是 Jama 在 VR 中创造载具的视频演示(更多视频点这里)。Jama 是世界顶级概念设计师,参与制作过复仇者联盟,银河护卫队等电影,你可以在他的网站购买更多将VR整合进创作流程的教程。 VR 设备像 iPad 早期一样,被普遍认为是内容消费的设备。但对于桌面级 VR 产品,情况近来已经有所改变。越来越多的艺术家开始在VR中使用Quill,Medium等工具,做正经的面向生产的创作。连虚幻引擎和3D建模软件 Modo 都有了 VR 内容编辑模式。虽然精度有所下降,但速度快,所见即所得的特性让这些工具成了VR平台最热门的应用。这里是我收集的真的好的VR产品合集。 以前确实是个问题,但是现在你能在VR里方便的控制PC的窗口,不再是单一的应用环境而是可以轻松的多任务处理了。谢谢Oculus Core。本文的一个核心的想法既是一气呵成,在VR里搞定原型设计。
第三个问题:我觉得整个虚拟现实行业都是泡沫,现在讨论这个问题为时过早。
同意也不同意,从生产的角度讲,目前是一个技术发展的平稳提升期,你会看到越来越多令人大开眼界的 VR 产品。也正是在这段时间,本文涉及的工具流变得实际可行。我个人认为现在时机正好。
太长不读(TLDR):像 sketch 一样简简单单的设计 VR 产品的时候来啦。
毒蛇必杀者是一个对 VR 很感兴趣的学生,为 Vive,Oculus, daydream上的产品制作过 VR 原型,也使用过Hololens, ARKit 制作过AR 原型。希望通过写文章,认识更多朋友,传播用VR创作的乐趣。
评论区
共 41 条评论热门最新