作为一种较为新颖的交互方式,VR交互与常规应用交互有所不同,而相应的UI设计人员也需要寻找更恰当的设计策略,以适应设备的发展与普及。那么在当下,VR交互设计应该怎么做?本篇文章里,作者便做了一定总结,一起来看。
我最近入手了VR设备,体验大大超出预期,难怪老罗觉得VR是下一代硬件平台,我觉得还真的有可能。在VR中有很多新奇的交互体验,视觉冲击感强,所以我对VR设计具体怎么做,充满好奇,不知道你有没有兴趣?
不管你将来做不做VR设计,其实都应该了解一下,作为设计的广度,拓展下知识面也是必要的,万一哪天就要做了呢?就像多年前的UI设计一样,所以这篇文章值得点赞收藏。
之前也有写过两篇VR相关文章,结合起来看效果会更好。下面2篇,同样超干货,值得一读。
VR应用具有非常直观的UI界面,与可穿戴设备、手机、平板、PC上的应用类似,使得大众能够使用VR。想出新颖的交互会比较有趣,但它却增加了用户的学习曲线。
01 首先,我们需要将VR眼镜的外包装打开,然后里面会有几大主体部件,我们按照说明书组装起来即可。02 然后,我们在手机上还要下载一个VR眼镜的APP,比如小米VR、暴风魔镜之类的APP。03 。
类似于2D界面,VR设计师会用大小、对比和颜色设计出界面层次结构。在VR里,大小取决于用户和内容之间的距离,因此了解内容的大小和适当的观看距离至关重要。
比如,知道要设计多大的字体是很棘手的,但幸运的是,在现实世界中有很多先例。在为VR设计内容时,对印刷设计(广告牌、海报、书籍)也需要类似的思考,对VR设计有借鉴意义。
我相信随着越来越多的设计师进入VR领域,将会有更多的想法来创建和打造新的UI模式,从而帮助行业向前发展。
一、视野
VR眼镜安装过程 1、以ios版为例,先启动魔镜app然后将手机放入机舱前部的扩大框,然后固定。2、佩戴暴风魔镜,通过后部旋钮调节松紧,再使用顶部旋钮调节瞳距,直到可以清晰得分辨屏幕内容,达到一个舒适的佩戴状态。。
二、新建Figma文件
1. 画板
当做VR设计时,我使用的画板尺寸为3600×1800(360度),然后我绘制出完美的FOV区域来集中主要设计。
2. 消失点
我总结了一种在我的设计中创建消失点的方法,通过在一个圆内以10-15度的角度画分隔线。之后,我将线条引入画板,并拉伸线条,直到它在框架内。
vr眼镜怎么使用?安装过程如下:1.以ios版为例,先启动魔镜app然后将手机放入机舱前部的'扩大框,然后固定。图片说明ALT 2.佩戴暴风魔镜,通过后部旋钮调节松紧,再使用顶部旋钮调节瞳距,直到可以清晰得分辨屏幕内容,达到一个。
完成后,将以连续间隔的直线放到画板中。(彩云注:这个方法也很适合用到画透视线中)
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
7. 声音用户体验
虽然在使用网页或APP时,声音往往很烦人,但它是VR开发不可或缺的一部分。考虑通感现象,其中一种感觉的刺激导致另一种感觉自动触发。
例如,你闻到一些东西,就会产生味觉错觉。这也适用于声音。由于VR中仍然缺乏触觉反馈,因此当用户触摸物体时,声音是提供反馈的一种很好的方式。
想想当你在外面听到飞机的声音,你凭直觉向上看,对吗?在VR中拥有这种声音体验将使用户真正身临其境。
三、总结
这是VR设计最基本的底层原理。这几篇VR相关文章一起看完,总算让VR中的设计不再神秘了。
1、先启动魔镜应用程序,然后将手机放入机舱前部的扩展框中;2、确定手机的位置;3、戴上防风镜,通过后旋钮调节张力,然后用上旋钮调节瞳孔距离,直到能清晰分辨屏幕内容,从而达到舒适的佩戴状态;4、进入魔镜应用程序后,效。
元宇宙是未来发展一大趋势,不少人都想上这趟车,VR设计就是最靠近这一趋势的领域之一,VR设计师这个岗位在将来会越来越紧缺。
为我投票
我在参加人人都是产品经理2022年度作者评选,希望喜欢我的文章的朋友都能来支持我一下~
每人每天最多可投35票,投票即可获得抽奖机会,抽取书籍、人人都是产品经理纪念周边和起点课堂会员等好礼哦!
译者:彩云Sky,公众号:彩云译设计;人人都是产品经理专栏作家,腾讯高级视觉设计师。
企业回中材新材料研究院致力于专业电镜检测服务,致力于打造高效、专业、高端的微纳分析平台,将满足客户需求作为衡量我们成败的至高标准。提供离子减薄制样、FIB-SEM双束制样;提供高端场发射TEM测试、球差电镜测试;另有SEM、EBSD测试业务。欢迎前来。
题图来自 Unsplash,基于 CC0 协议
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。