Google Daydream大牛解析:如何打造舒适的VR场景?(二)

雷锋网  •  扫码分享
我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

雷锋网 (搜索“雷锋网”公众号关注) 按:本文来自指挥家工程师分享。

上一篇推送中,我们分享了Google Daydream核心技术大牛Dave的 《关于用户对VR的想法》 的演讲,让大家了解了用户对 VR 应用场景的畅想。

Google Daydream大牛解析:如何打造舒适的VR场景?(二)

那么到底该如何打造一个令用户感到舒适的虚拟体验场景呢?指挥家VR为小伙伴们继续献上“Daydream设计分享之二”—如何为用户打造舒适的VR场景体验?

在移动互联网应用中,许多设计师们都思考过如何通过视觉去引导用户,比如在手机上如何摆放内容让用户更容易点击到。

Google Daydream大牛解析:如何打造舒适的VR场景?(二)

但VR设计想象起来有点恐怖,因为可以做的事情太多了。首先要了解一些VR设计上的限制条件,其中身体限制就是其中之一。

Google Daydream大牛解析:如何打造舒适的VR场景?(二)

而当你为Daydream设计时,需要多去考虑用户是如何转动他们的头部,有多少内容是他们可以看到的,还有多远的距离是合适的。指挥君总结了分享中的几点要素,可以帮助VR设计师们在设计场景时少走很多弯路。

1、UI界面

就像在着电影屏幕一样,在VR场景中用户最多可以看到左右70°左右的内容,但是30°以内是最舒适的范围。如果超出这个范围,虽然可以看到,但并不是特别舒服,他们需要转动脖子进行观察。

Google Daydream大牛解析:如何打造舒适的VR场景?(二)

试想如果你将内容放在太偏的地方,用户可能会需要频繁调整他们的姿势来观察内容。所以VR场景中,UI界面左右覆盖最好不要超过70°的可视角,每侧的内容在35°范围内为佳。

  Google Daydream大牛解析:如何打造舒适的VR场景?(二)

垂直角度的设置则可以帮助你为用户设计出最佳视角和可活动区域。垂直角度的内容最大覆盖区域为15°。角度问题当然主要还是受到用户姿势的影响,比如当用户靠在椅子上时,受脖子限制,他们没法将头低下来太多。

Google Daydream大牛解析:如何打造舒适的VR场景?(二)

2、信息深度

深度信息是VR场景和普通二维场景的最大区别之一。 我们可以将所有的信息放在用户视野活动区域的平面上,还可以将信息摆在不同深度上。

Google Daydream大牛解析:如何打造舒适的VR场景?(二)

但是信息深度的摆放也不能太过随意,不然可能会严重影响用户的体验。界面不宜太靠近用户,这会让用户觉得信息是贴在脸上的,阅读起来十分困难。同时界面不宜离用户太远,这会让用户完全读取不到信息。建议的深度距离控制在具体用户0.5m—20m之间。

Google Daydream大牛解析:如何打造舒适的VR场景?(二)

在界面背景中通过增加一些粗糙点和光影信息,大脑会自动帮助用户理解界面之间的关系。其中,粗糙点的目的是让背景看起来不是平涂出来的色块,阴影的设置可以让你的用户更好的理解场景里的深度变化。如果没有以上这些信息的话,在VR场景中用户感觉就会像是看着无限远的地方。 

  Google Daydream大牛解析:如何打造舒适的VR场景?(二)

3、文字大小

VR场景里,文字将是不可或缺的组成元素。但是VR中的文字到底应该多大才能保证用户的舒适阅读呢?什么样的尺寸会影响到用户的阅读?

Google Daydream大牛解析:如何打造舒适的VR场景?(二)

最理想的状态是可视角内每一度达到包含60个像素左右,但现阶段大部分的设备像素密度集中在10~13像素左右。 就目前来说基础文字大小都不能小于14像素,否则用户将无法准确阅读,而20像素左右是目前最为舒适的一个大小尺寸。随着技术的发展,更高的度像素密度,可以使你的文本尺寸即使缩小也可以轻易阅读。

Google Daydream大牛解析:如何打造舒适的VR场景?(二)

这边有个公式可以提供给大家,通过这个公式利用引擎中的距离、理想像素和设备的度像素计算出最终合适的文本高度。

Google Daydream大牛解析:如何打造舒适的VR场景?(二)

以上是Google的工程师Mike分享给大家一些关于 虚拟现实 用户界面的设计建议,但要打造一款优秀的VR内容光靠这些是远远不够的。环境的营造将会是用户界面的十分重要的一部分。下一篇《Daydream设计分享之三—如何营造舒适的VR内容氛围》,敬请期待。

随意打赏

google cardboard vrgoogle daydream vr谷歌 daydream vr平台google daydreamdaydream vr 开发谷歌daydream vrdaydream vr平台vr平台daydreamdaydream 白日梦google vr应用
提交建议
微信扫一扫,分享给好友吧。