概要：这篇文章不一定能帮到你
选题，方法，工具，作者介绍
第一步：纸上原型
第二步：2D 素材制作
第三步：3D 素材制作
第四步：场景创建
第五步：分享和导出
第六步：下一步是什么？
结尾：你也要来VR里创作吗？
概要：这篇文章不一定能立即帮到你
你好，我是毒舌必杀者，在这篇文章里我们会讨论如何在VR里制作“设计原型（prototype）”。如果你对 VR 感兴趣，又是设计从业者，看完这篇文章，你可以很快上手在 VR 里创作 3D 原型。如果你对 VR 不太感冒，2018年了，虚拟现实了解一下 😜。
文章结束，我们会有一串可以描绘VR 版哔哩哔哩直播的 3D 场景，可以在里面走来走去，放大缩小，自由演绎用户会怎么使用这个产品。这个过程不会使用任何涉及到编程的工具，不会动手雕刻复杂精致的 3D 模型，甚至不需要脱下头盔打断创作状态。快速，简单，所见即所得，是这个工作流最大的特征。
本文中我们会使用的平台和工具：
纸张或iPad
运行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，下面的每一步都可以在带头盔的状态下完成。
如果你很感兴趣VR的生产现状，请点这里
虚拟现实生产现状
关于作者
毒舌必杀者是一个对 VR 很感兴趣的学生，为 Vive，Oculus, daydream上的产品制作过 VR 原型，也使用过Hololens, ARKit 制作过AR 原型。希望通过写文章，认识更多朋友，传播用VR创作的乐趣。
第一步：纸上原型（可跳过）
如何节约时间：尽可能在纸上搞清楚你要做什么
3D 世界的可能性太多了， 很容易迷失在不停的尝试里。如果能在纸上搞清楚这些，你的原型制作流程会快非常多：
使用原型的用户是个什么样的人？需要完成什么？（明确用户，功能需求）
为了完整表达这个实用场景，需要哪写步骤？（故事版，流程）
简单描述/画出这些步骤里所需的2D 3D素材（界面素材，3D 模型）
把纸上做好的内容扫描一下（或者干脆在iPad上画），之后可以放在VR里做参考。
笔者这里的草图描绘了一个bilibili用户关注up主 quin（俗称狗头人）的过程。
这里还有一份我使用素材的详细目录
第二步：2D 素材制作
纸上的东西搞定了，该上电脑动手创建素材了。我们从咱们最熟悉的 2D 界面素材开始。
问题来了，VR生产环境基本都是PC，有没有像 Mac 上的 Sketch 一样快速做界面的工具？
Figma, 一款在windows上也能用的极速界面设计工具
Figma，一言以蔽之：可以多人协作的网页版sketch，有chrome就能用。
Figma: the collaborative interface design tool.
如果你用过sketch，相信你在这里可以如鱼得水了。
注意：想要在figma里使用中文，需要选择中文字体，默认可用的是 Noto Sans SC
我们在这里按钮，卡片，要用的文字尽可能准备好，背景和内容的对比度可以稍微强一些。稍后导入场景搭建工具的时候，可读性会更好。
如果你习惯使用其他工具也没问题，Figma的好处在于资源占用低，速度快，学起来快。
这里是笔者的界面设计文件。这是一个iframe窗口，你可以缩放和移动画布，你也可以复制一份自己玩耍。
iframe
VR设计模板, 合理设计的快速起步
原型阶段对界面设计细节没有刻板的要求，保证素材放入环境后可以辨识就行。（注意素材的分辨率，透明度。）1.如果你想要追求最科学的尺寸，距离，位置。你可以参考谷歌出品的VR 界面组件库。
iframe
2.如果你需要2D的虚拟手模型，或者unity的原型观察模板，你可以访问facebook的VR模板页面
第三步：3D 素材制作
如果把之后的场景创建比作拼乐高，这一步就是准备积木块。基于Sketchbox支持素材的类型：glTF，Poly直接导入，咱们遵循一个“先找后做”的流程。
先去Sketchfab，Poly搜索下有没有能用的素材
咱们找素材的方针是：先去 SketchFab 找高保真，和你要的素材接近的模型。|
什么是Sketchfab？Sketchfab是一个基于网页的3D模型渲染工具，也是拥有超过一百五十万模型的线上模型库。
1.先从Sketchfab里搜索
具体是在这里 /素材探索/可下载 （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 做模型。
Blocks - Create 3D models in VR - Google VR
什么是 Google Blocks ? 这是一个只有六种工具的低多边形建模工具。工具少，五分钟就能学会，创作的可能性却千变万化。
这里有三个小窍门，帮助大家更快上手：
1.建模基本思路：从整体到细节
2.使用网格（Grid）工具
3.善用已有的模型套件
Oculus Dash, 让你利用“无限”空间的应用窗口
成熟的建模者会根据物体的三视图进行参考建模。如果你也想建模又快又好，找张你要建模的东西的照片，一边参考，一边做。
多亏 Oculus Dash，多任务操作变得极其简单。（去年看到这个给我我兴奋坏了）
Welcome to Rift Core 2.0-Beta Now Available
如果操作：打开 Oculus Dash，进入你的桌面，打开Chrome， 搜索你想要找的东西，把这个窗口拽出来，钉在一个合适的位置。关闭 Oculus Dash，你就会在你的应用里看到这个窗口了。
这里有一段操作演示：
创作完记得上传到Poly
模型做完后，点击发布就会将模型上传到Poly。记得给你的模型起个相对独特的名字，等待5分钟左右模型就可以在 SketchBox中被调用了。
这个工作流的精华就是这里：不需要复杂的管线，做完，上传，稍后只靠名字搜索就能放进你的场景。
你可以在我的poly看到我为这个原型制作的模型。
第四步：场景创建
素材都准备好了，接下来我们靠SketchBox 来把素材拼接成一个完整的场景。
SketchBox, 超快速的场景搭建和观察
什么是SketchBox？
Sketchbox是一个方便的 VR 原型制作工具，他允许你把各式各样的素材在 VR 中随意摆放，变形，还支持像幻灯片一样的批注和场景切换。
Sketchbox - #1 design & prototyping tool for AR & VR
1.如何导入素材文件？详细文档点这里
准备好的图片文件，3D 模型，按照类型放在这个目录对应的文件夹里。文件夹中已有的内容是Sketchbox准备的示例，可以放心删除。文件放好后，记得好好命名，这样稍后好找。
2.如何调用素材文件？
如果要调用先前导入的素材，点击左手的Import（导入），选择你的文件即可。
如果要调用Poly里的文件，点击Poly图标，搜索之前给你的模型起的名字，找到后拖进来就好
3.场景搭建的常识？
一幅图帮你理清场景搭建的逻辑。按照途中数字顺序安置素材即可。
在场景中先确立环境和用户的大小和位置关系，再按照用户确定环境中物体（object）的大小位置，最后确定界面。这样搭建会最快确定相对坐标，减少变量。
完成场景搭建后，可以设置观察点，锁定视角和缩放，保证稍后观赏时比例正确。
Open.spotify.com一个广告比客户端少超多的听歌利器
做场景的时候别忘了打开你最喜欢的音乐。还是使用Oculus Dash，把这个窗口钉住。
经过我的长期测试，免费账户网页端广告明显少于客户端。一边搭积木一边听这些歌效果极好。
第五步：导出和分享
场景搞定了， 使用Sketchfab可以为你的场景设置多个观察点，这样不在就算没有头盔，只要能上网，就能自由的浏览你的原型，快速的了解你原型的意图。Sketchfab 还有 VR 观察模式，观察你原型的人只要有 Cardboard（暴风墨镜类）就能以很低的成本体验你的原型。
你也可以使用Oculus内置的 Oculus Mirrow 工具配合录屏，把整个体验录制下来，详细设置可以参考这个视频。
第六步：下一步是什么？
到这一步原型制作就结束了。我们来回顾一下到现在你得到了什么：
清晰的产品思路，场景设定 （可以和别人交流想法）
足够的 2D 设计素材 （可以取出来做更精细的2D 界面）
精挑细选的 3D 的素材 （可以作为素材库）
一个有故事，有层次的 3D 场景 （下一步最好的起点）
那么下一步你可以作什么呢?
测试？导入游戏引擎？渲染？进一步雕琢？做成视频？想怎么用都可以。
结尾：你也要来VR里创作吗？
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 创作的场景，大小事一个完整的游戏关卡。
Jarlan Perez模块化的使用Blocks里的模型来搭建大型场景（点击这里了解他的Blocks到虚幻的工作流）
他还制作了一个机器人模型库，导入Blcoks后你就可以方便的搭积木了。
这里是iframe代码
Jama Jurabaev，使用Gravity Sketch 发想精密复杂的机械
什么是 Gravity Sketch？
Gravity Sketch - Bringing Virtual Reality Into Your Design Workflow
Gravity Sketch 是一款VR设计软件，你可以在里面画出流畅的曲线，再通过曲线创造出模型。
这是 Jama 在 VR 中创造载具的视频演示（更多视频点这里）。Jama是世界顶级概念设计师，你可以在他的网站购买更多将VR整合进创作流程的教程。
