侵权投诉
技术:
CPU/GPU 传感/识别 显示/微投影 追踪/定位 电池/电源管理/驱动 声学/光学 通信 OS/软件/算法 云服务/大数据 材料 其它
终端:
头盔 眼镜/盒子 一体机 配件 服务 渠道
应用:
游戏 影视/动漫 娱乐 医疗 军事 媒体 旅游 购物/餐饮 教育 工业/农业 家居 设计 其它
订阅
纠错
加入自媒体

VR界面设计的整个工作流程是怎样的?

2017-02-22 09:35
kumsing
关注

世界中的UI(In-world UI)又叫做抬头显示界面(HUD), 相信每个游戏玩家或者接触过3D场景的人或多或少都比较熟悉。它是整个场景中的体验的一部分,也是用户情感的一部分。当然不恰当的UI往往也会打破用户美好的体验情感,所以这也是为什么很多UI人士都呼吁更少的UI往往会带来更好的效果。所以我们如何在VR里体现用户界面信息呢?

一个较好的例子如下图:我们可以把左边这个传统的注有标签信息的杯子转变成右边这个更直观的体现当前容量的杯子。这样就不需要额外的显示该杯子的剩余容量(图中标签所示:还可以喝6小口),而用杯子当前所呈现的剩余容量所占总容量的比例,来直观的告诉用户大概杯中还有多少饮料供用户享用。

VR界面设计的整个工作流程是怎样的?

图1-1

但反对者们往往会抗议道:“这种表示方式有时候太过微妙了,有的时候我们可能必须要一个大大的红色按钮来提醒用户”,那么我们应该如何创建VR的UI呢?下面让我们来谈一谈我们可以从传统的3D用户界面中得到的启发

我们首先要做的是吸引用户的注意,为此我们引入3个设计原则:

1,为了可靠性而保证显示在视角的中心:当有重要的信息需要演示的时候,UI设计师需要考虑用户的关注点在什么位置,并且要预估用户接下来的行为,从而保重重要的信息始终在用户视角的中心。

2,描绘边角轮廓来吸引用户的注意:比如在攀岩游戏中,在用户的手腕周围描边,用颜色来表示目前攀岩的状态和可行程度。

3,在VR的用户界面中,语音提示或者声音往往比其它东西要重要得多。

其次我们要注意深度的使用,层次感往往能给用户带来很好的用户界面反馈。

现在让我们谈谈标记一个目标,在传统的设计中有很多方法可以做到,比如缩放目标来保持尺寸的一致性,也可以直接面对用户,或者始终把目标至于所有场景的最上层,就像下图二所示的那样,但这些都有一个问题那就是没哟那么强的3D感。

VR界面设计的整个工作流程是怎样的?

图1-2

同时在VR中也会带来一些问题,比如用户不应该在3D场景中看到被遮挡的界面元素。同时也会对场景的深度信息(depth confusion)产生困惑,如下图显示的情景却失了深度信息就使得VR不那么立体了。

VR界面设计的整个工作流程是怎样的?

图1-3

其实解决方式也很简单,那就是提供深度信息,如下图(图1-4)所显示的那样:

VR界面设计的整个工作流程是怎样的?

图1-4

此外,在传统界面常见的扁平化设计如果过多的出现在VR中可能会带来一些问题, 原因是这同样隐藏了深度信息。但有时候我们并不想全部用光,阴影和距离来显示UI,那么应该怎么办呢?

一个很好的解决方案是使用基于距离的着色器(Depth-Based Shader),如下图1-5左半部分所示,距离越近的物体越亮。

VR界面设计的整个工作流程是怎样的?

图1-5

此外,我们还可以使用菲尼尔效应(Fresnel effect)来显示不透明的物体。如下图1-6所示,来减少用户对于距离的困惑。

VR界面设计的整个工作流程是怎样的?

图1-6

1  2  下一页>  
声明: 本文由入驻维科号的作者撰写,观点仅代表作者本人,不代表OFweek立场。如有侵权或其他问题,请联系举报。

发表评论

0条评论,0人参与

请输入评论内容...

请输入评论/评论长度6~500个字

您提交的评论过于频繁,请输入验证码继续

暂无评论

暂无评论

文章纠错
x
*文字标题:
*纠错内容:
联系邮箱:
*验 证 码:

粤公网安备 44030502002758号