作为一种较为新颖的交互方式,VR交互与常规应用交互有所不同,而相应的UI设计人员也需要寻找更恰当的设计策略,以适应设备的发展与普及。那么在当下,VR交互设计应该怎么做?本篇文章里,作者便做了一定总结,一起来看。
我最近入手了VR设备,体验大大超出预期,难怪老罗觉得VR是下一代硬件平台,我觉得还真的有可能。在VR中有很多新奇的交互体验,视觉冲击感强,所以我对VR设计具体怎么做,充满好奇,不知道你有没有兴趣?
不管你将来做不做VR设计,其实都应该了解一下,作为设计的广度,拓展下知识面也是必要的,万一哪天就要做了呢?就像多年前的UI设计一样,所以这篇文章值得点赞收藏。
之前也有写过两篇VR相关文章,结合起来看效果会更好。下面2篇,同样超干货,值得一读。
《国外大佬手把手教你从0开始学好VR设计》 《 想了解VR设计?看完这篇就够了! 》 VR应用具有非常直观的UI界面,与可穿戴设备、手机、平板、PC上的应用类似,使得大众能够使用VR。想出新颖的交互会比较有趣,但它却增加了用户的学习曲线。
类似于2D界面,VR设计师会用大小、对比和颜色设计出界面层次结构。 在VR里,大小取决于用户和内容之间的距离,因此了解内容的大小和适当的观看距离至关重要。
比如,知道要设计多大的字体是很棘手的,但幸运的是,在现实世界中有很多先例。在为VR设计内容时,对印刷设计(广告牌、海报、书籍)也需要类似的思考,对VR设计有借鉴意义。
考虑下你现在是如何与一个触摸屏进行互动。我们必须慢慢去学习理解许多模式,比如滑动、捏缩放,长按出现更多选项。这些在做VR设计时也必须要去考虑好。
我相信随着越来越多的设计师进入VR领域,将会有更多的想法来创建和打造新的UI模式,从而帮助行业向前发展。
一、视野 视野,或任何给定时间可观察环境的范围,是设计VR界面时非常重要的一个方面。更宽的视野,用户在体验过程中的沉静感就更强。有2种类型的FOV共同作用形成人类视觉。
单眼FOV描述的是我们一只眼睛的视野。对于一只健康的眼睛,单眼FOV的视野水平在170°-175°,包括从瞳孔到鼻子的角度。鼻前视野FOV通常为50°-65°,对于鼻子较大的人来说较小,而从瞳孔到头部一侧的视野为颞FOV,其较宽,通常为100°-110°。
二、新建Figma文件 1. 画板 当做VR设计时,我使用的画板尺寸为3600×1800(360度),然后我绘制出完美的FOV区域来集中主要设计。
2. 消失点 在透视理论中有一个消失点的概念,这个概念在VR设计中很有用,因为它能帮助设计师在设计软件中创建一个便于感知深度和距离的参考。
我总结了一种在我的设计中创建消失点的方法,通过在一个圆内以10-15度的角度画分隔线。之后,我将线条引入画板,并拉伸线条,直到它在框架内。
完成后,将以连续间隔的直线放到画板中。(彩云注:这个方法也很适合用到画透视线中)
3. 选择主题并丰富背景 一旦消失点画好了,主要的参考线已经变明朗了,接下来就取决于你想如何在环境中发挥创造力。
大多数时候,我使用渐变来创建天空和陆地等效果,然后添加了气泡、结构或使用形状的建筑物,这为环境添加了很多细节,使其感觉更3D逼真。
4. 设计UI 到这一步的时候,你可以基于产品目标开始设计UI了。在设计VR时,对比是最重要的,因此,尽量减少文本和背景周围的颜色。
通常,背景一般是半透明,在UI设计中一个白色背景最好适配深色环境,而对于深色背景最好适配白色环境。按钮通常包括两种形式,主要按钮和次要按钮,颜色保持简单同样是最好的。
5. 布局 与桌面和手机的传统UI设计不同,在VR或者AR中,嵌套导航保持在同一环境中,而界面框架利用了环境中可用的巨大空间。
只有当有新的游戏场景可供探索时,环境才会发生变化。其他时候,也可以实现弹出窗口,新层叠加在旧UI之上。
6. 使用XR工具创建曲面UI 仅用Figma就可以了,设计工具这块原来就足够了,有一种快速简单的方法来设计原型3D,VR,AR界面。
有一个插件叫3D UI Generator,能够自动缩放和调整任何图形,画板以创建3D界面和环境。它支持旋转、斜切、缩放、远近、FOV、曲面程度和等距视图。在Figma上可以安装 3D for XR https://www.figma.com/community/plugin/1043890631255427270/3D-for-XR
7. 声音用户体验 虽然在使用网页或APP时,声音往往很烦人,但它是VR开发不可或缺的一部分。考虑通感现象,其中一种感觉的刺激导致另一种感觉自动触发。
例如,你闻到一些东西,就会产生味觉错觉。这也适用于声音。 由于VR中仍然缺乏触觉反馈,因此当用户触摸物体时,声音是提供反馈的一种很好的方式。
3D声音(又称Holophonic声音)仍处于起步阶段,但将对我们体验VR的方式产生变革。我们都习惯于立体声,它提供来自两个声道(左/右)的声音,但全音可以让我们分辨声音是来自上方、下方还是后方。
想想当你在外面听到飞机的声音,你凭直觉向上看,对吗? 在VR中拥有这种声音体验将使用户真正身临其境。
三、总结 这是VR设计最基本的底层原理。这几篇VR相关文章一起看完,总算让VR中的设计不再神秘了。
元宇宙是未来发展一大趋势,不少人都想上这趟车,VR设计就是最靠近这一趋势的领域之一,VR设计师这个岗位在将来会越来越紧缺。
为我投票 我在参加人人都是产品经理2022年度作者评选,希望喜欢我的文章的朋友都能来支持我一下~
点击下方链接进入我的个人参选页面,点击红心即可为我投票。
每人每天最多可投35票,投票即可获得抽奖机会,抽取书籍、人人都是产品经理纪念周边和起点课堂会员等好礼哦!
投票传送门: https://996.pm/MZ9B9
原文作者:Ozenua Oluwatobi John(本文翻译已获得作者的正式授权)
原文:https://medium.com/@ozenuaoluwatobi/designing-for-vr-in-figma-15243b15738a
译者:彩云Sky,公众号:彩云译设计;人人都是产品经理专栏作家,腾讯高级视觉设计师。
本文由@彩云sky 翻译发布于人人都是产品经理,未经许可,禁止转载
题图来自 Unsplash,基于 CC0 协议
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。
给作者打赏,鼓励TA抓紧创作!
{{{path> 赞赏