领取VR原型模版 | 如何在二维平面上构建三维全景草图？教你快速构建全景三维原型的设计思维能力

朝菌学园ZhaoDesign

朝菌学园是一家专注前沿、未来、智能设计领域的品牌。包含人机交互设计、服务设计、用户体验设计、互动媒体装置、智能产品设计等学习方向，已经帮助数百名学员取得考研、保研与留学申请的名校录取offer

930篇原创内容

Official Account

，

搭建设计原型 是设计师进行创意输出、团队协作工作过程中必不可少的环节。由于设计原型工具的爆炸式增长，设计师在进行 平面设计类 低保真原型制作时拥有许多优秀工具的选择，包括Sketch、Figma、Balsamiq、Framer、Adobe XD、InVision Studio 和 Apple Keynote 等。然而，VR/AR/MR 等3D设计类的设计师进行原型设计工具选择时却非常局限，原型构建难度远超于平面设计类的草图。在著作 Designing in the Wild West 中，Torch 讨论了 VR/AR 设计机会的增长，但也强调了 “3D 痛苦之墙”—3D Wall of Pain 。这道墙是设计师进行 3D类原型设计时必须克服的一系列障碍，包括 “缺乏高效的工作流程，脱离实际需求、 缺少从想法到应用程序原型设计的简易直观的方法......”

https://www.pinterest.com/pin/68743070671/VR 类高保真设计原型

接下来，本文会介绍全景网格工具，教你 快速制作VR原型 和 VR故事板快速表达，更有 实操案例 和 “课后作业”。准备好！一大批干货即将来临！

介于传统纸面原型与 VR/AR高保真原型之间的理想原型应是何种形式？设计师 Volodymyr Kurbatov 结合 全景网格+全景图片查看工具构建了的从2D平面构建3D原型的设计方法

准备工具：1.全景网格稿纸2.顺手的手绘铅笔3.全景图片查看

区别于传统的快速原型手绘稿纸，全景网格稿纸可理解为将三维空间可视的边界在平面图中 “铺开”，设计师可以快速地在平面稿纸上构思三维空间的设计创意。全景网格图纸在全景网格图纸上绘制草图原型前，我们需要理解平面图纸上的三维可视空间的分布情况。如下图所示，平面稿纸中的曲线可理解为三维空间直线的平面形式，每条曲线间的间隔为三维空间的10度视角范围。整张全景网格图纸分成了前、后、左、右、上、下等空间视觉板块。

在全景网格图纸中进行草图创意设计也有科学排版范围参考。人眼在三维空间中的舒适视角范围在全景网格平面图纸中进行框定，设计草图在三维空间中呈现时就不会偏离舒适的视觉范围。!Image人眼左右最佳视角范围 !Image人眼上下最佳视角范围

（此处为视频，请在原文中观看）

Volodymyr Kurbatov 借助 GoPro VR Player 全景图查看工具进行设计图三维展现

Saara 首先在全景图纸中构思用户视角范围与体验步骤，思考用户视角合理的移动顺序与相对应的设计呈现。!Image!Image

在基本的设计构思完成后，Saara 在她个人制作的故事版模板上进行用户情景的设计表达，完成 VR原型设计的叙事性展现。!ImageVR 故事版草图模板

Saara 完成的 VR 篮球观赛故事版叙述结合故事版叙述与全景网格图纸的原型设计表达，Saara 构建了完整的 VR原型设计工作流与工具包。任何人都可以借助这一工具包来快速高效地构建自己的 VR原型。!Image

（此处为视频，请在原文中观看）

Saara 完成的快速VR原型制作

Saara 完成的 VR原型设计完整工具包的稿纸

“草图”是设计师最原始，也是最能直接快速表现设计创意的形式。随着三维设计应用的不断扩展，乃至 “元宇宙” 时代庞大的三维设计需求，都不断挑战着设计师传统的工作方式与协作交流形式。在三维世界中固然可以进行新颖的设计创意表达，如带上VR眼睛绘制草图。虽然新工具带来新颖炫酷的视觉效果，但就 “快速表意” 为核心需求的原型设计工作中，传统平面草图的效率优势还是不容忽视。在2D草图中绘制全景3D原型，即是快速设计表现形式的 “升维“ ，也是设计思维的 “升维”。元宇宙时代，你的设计能力“升维”了吗？

（此处为视频，请在原文中观看）

注意事项： 稿纸模板——全景网格模板稿纸

稿纸草图绘制工具——Sketch

全景图片查看工具——GoPro VR Player若使用铅笔等手绘工具，可以扫描/拍照，按稿纸模板边宽裁剪后导入全景图片查看工具运用全景网格图纸制作快速VR原型，不需要完美符合透视等结构要求就能基本表意VR原型概念，具有简便、高效、迭代效率高的优势。但该方法制作高保真 VR原型还是有不少不足，如文字变形难以处理、透视关系把握难度较高等等。一句话评价本文所列举的工具包的最佳适用领域，即—— 用于培养设计师从二维平面快速构建全景三维原型的设计思维能力。!Image

阅读完想立马上手体验全景网格稿纸绘制 VR 原型转发此文章至朋友圈并配文案【VR草图原型模板👇】，即可获得 文章介绍的全景网格稿纸模板源文件与视频演示 sketch/Fig 源文件！！