收藏本站 关于我们

如何开始VR界面设计?(翻译理论)

发布时间:2017-05-11 10:14:25   来源:PS教程   人气:0

前言:在左上象限像模拟装置,如过山车的体验。它有一个完全形成的环境,但没有界面。你只是被锁在车里。下载并安装(点击此处)这个支持Gear VR的《

\


在左上象限像模拟装置,如过山车的体验。它有一个完全形成的环境,但没有界面。你只是被锁在车里。

 

\下载并安装(点击此处)这个支持Gear VR的《经济学》APP。

 

 

VR UI设计的过程


虽然大多数的设计师已经有了一套他们设计移动应用的工作流程,但是设计VR 交互界面的流程并不明确。当第一个VR应用设计项目找上门的时候,对我们来说,逻辑上的第一步应该是设计一个流程。

 


传统的工作流程,新的应用领域


当我们初次把玩三星的Gear VR时,我们会发现它和传统移动应用的相似之处。基于界面的VR应用的运行和传统应用遵循一样的基本动态特性:用户和界面产生交互,来帮助他们访问页面。我们先简单说到这里,但是请将这些内容牢记于心。

 

鉴于和传统应用的相似性,经过设计人员数年优化和实践检验的移动应用工作流程不会白费,它可以在设计VR交互界面时派上用场。你比你想象中更加接近于VR app设计师!

 

在描述怎么设计VR交互界面之前,让我们先回顾一下设计传统移动应用的整个流程。

 

 

1.线框图

 首先,我们将进行快速迭代,规划出互动流程与总体版式。


\


投影的全尺寸是水平360度、垂直180度。因此我们可以将画布尺寸确定为:3600x1800 px.

 


如此巨幅的画布,干起活来可有些挑战。但我们主要感兴趣的是VR应用的界面,因此将注意力集中在画布的一部分就好了。


根据Mike Alger关于视觉舒适区的早期研究的基础上,我们可以划分出一块区域来合理展示界面。

 


这片区域占全景画布的1/9,位于球面正中央,尺寸为:1200x600 px。

 

 总结下:

360度全景画布:3600x1800 px

交互界面尺寸:1200x600 px

 

测试

在单屏上使用两个画布的目的是为了测试。“UI View”画布有助我们专注在制作的界面上,并且更便于设计流程。

同时,360 View用在VR环境中预览界面。为保持比例真实,使用VR头盔进行界面测试是必要的。


如图:

https://s3.amazonaws.com/blog.invisionapp.com/uploads/2017/03/using-avocode.webm



工具

在我们开始演练之前,这些是我们需要的工具:

 

Sketch 我们使用Sketch来设计界面和流程,没有的话,赶紧下载一个试用版,这是我们最推荐的界面设计软件。

GoPro VR PlayerGoPro VR Player 是一个360°全景播放器,它由GoPro提供,且免费。我们用它来预览和在特殊环境中测试我们的设计。

Oculus Rift。将Oculus RiftGoPro VR Player 配合使用,能够让我们在真实的VR环境中进行设计测试。

 


VR界面设计流程


在这个环节中,我们将通过一个简单的教程学习如何设计一个VR界面。我们会一起设计一个简单的界面,不会花费超过5分钟。  


如图:

https://s3.amazonaws.com/blog.invisionapp.com/uploads/2017/03/vr-result-preview.webm


点击下载【压缩包(ZIP文件)】,其中包含UI元素和背景图像。如果想使用你自己的设计,也没问题。

 

1.创建360度视图

现在最重要的是,我们先创建一个可以360度视角的视图,在Sketch软件中打开一个新的文件,并创建一个尺寸为3600*1800像素的画板。

导入文件名为background.jpg"http://img.zcool.cn/community/024b805912b633a801216a3ee5dd71.jpg" alt="\" alt="" alt="\" alt="" alt="\" target="_blank" textvalue="https://s3.amazonaws.com/blog.invisionapp.com/uploads/2017/03/first-vr-ui.webm">https://s3.amazonaws.com/blog.invisionapp.com/uploads/2017/03/first-vr-ui.webm


 

VR界面能走多远?


个性交互

 

一些虚拟现实的体验很大程度上依赖于虚拟环境,因此一个传统的界面可能不是用户控制app的最佳的方式。在这种情况下,您可能希望用户直接与环境本身进行交互。

想象一下你正在为一个豪华旅行社制作一个app。你想用最生动的方式用以将用户送到潜在的度假胜地。所以,你邀请用户戴上头戴设备,开始在你豪华的切尔西办公里体验。

要从办公室到一些遥远的地方,用户需要选择他们想去的地方。他们可以拿起一本旅行杂志,翻阅它,直到翻到一个吸引人的页面。或者可能有一些有趣的物体在您的桌面上,吸引用户到不同的地方取决于他们拿起什么东西。

这肯定很酷,但也有一些缺点。为了得到充分的效果,你需要一个更先进的VR头戴设备与手持控制器。此外,像这样的app比有序组织的传统界面的app的开发难度要大得多。

 

革命万岁!

 

现实是,这些身临其境的经验对于大多数公司而言不是商业上可行的。除非你有无限的资源,如Valve和谷Google,创造上述的这一种体验成本太高,风险太大,太费时。

这种体验可以完美炫耀你站在媒介和技术的前沿,但让你的产品通过一个新的媒介进入市场并不那么美好。易用性很重要。

通常情况下,当一个新的形式出现,它被早期采用者推崇到极限:创造者和创新者的世界。随着时间的推移,当有足够的学习和投资,它将被更广泛的潜在用户访问。

随着VR设备变得越来越普遍,公司将开始寻找机会,将VR融入到他们与客户接触的方式中。

从我们的角度来看,UI界面直观的VR app——UI界面已经接近人们习惯的与服饰、手机、平板电脑和电脑等的交互——能让VR更普及,更值得大多数企业进行投资。

 

 

是时候上车了

 

我们希望通过这篇文章让大家了解到VR并没有那么可怕,并且鼓励大家开始投身为VR做设计。

人们常说,一个人走得更快,但你想走得更远,就需要和团队前行。我们的选择是后者。在Kickpush,我们相信每家公司都将会开发VR应用程序。就像每家公司都有自己的移动网站一样。(或者说都该有一个吧—都2017年了,天哪!)

 

所以,我们其实正在集合全球设计师的努力,共同建造一艘宇宙飞船,大胆地探索更多可能性。一旦企业觉得VR应用程序对他们有利,整个行业的生态都将蓬勃发展。

 

作为数码产品设计师,我们未来的挑战是更复杂的应用程序和通过控制器处理其他类型的输入。要着手解决这个问题,我们需要强大的原型设计工具让我们能够更快更简单地创建和测试设计。我们将会撰写一篇后续文章,介绍一些比较前沿的做法,以及在开发中的一些新工具。

 

保持关注!

 

这篇文章最初由Smashing Magazine发行。


 

作者:达尔文,菲洛琪,火鱼Zerolynn_dash,某蹦跶,Ruminate,幸若  仁,Kentoness jueylemon,白色瓷盘

校对:Connie,Zoey



————————————————————————————————————————————————


我们是DATS翻译小组,我们爱设计爱英语,通过翻译设计的文章共同学习进步,虽然我们还有许多不足,但是只要把每个人的微小的力量聚集起来,总有一天会发出耀眼的光芒~ 欢迎到主页关注我们。


本文来自PS教程网www.46PS.com,转载请注明!关键词:平面设计平面设计教程原创自译教程


PS教程