如何入门VR界面设计(1)

来源:网络   作者:热心网友   发布时间:2017-04-27    浏览次数:340

a0f058f81b50a8012049ef8391ef.jpg

对于很多设计师来说,虚拟领域还是一块未知领域。我们见证了VR硬件和应用在过去几年的爆发。VR体验从从普通到让人震惊,有很大的复杂性和实用性。

作为刚入门VR的UX或UI设计师可能会有些担心,我们已经进入了VR时代,但是却不知道如何设计。在这篇文章中,我们会分享设计VR app的流程,希望你会用这个流程开始你的VR设计。


关于设计VR和AR你需要知道的7件事

你不必成为VR领域的专家——你只要愿意把你的技能用到一个新的领域。最终,作为一个社会共同性的工作,我们能加快VR更快实现它的潜力。

“对UX或UI设计师来说,用他们的技能设计VR,这是一个巨大的机会”。


VR App类型

从设计师的角度,通常来说,VR应用是由两个部分组成的:环境和界面。

当你把VR耳机带上,想想你进入的这个环境——你会发现自己处于虚拟星球里,或者你会看到坐过山车时的风景。

界面是用户要与环境产生互动,控制体验的组成元素。根据这两个组成部分的复杂性,所有的VR app都可以被定义为是沿着两条轴线。

beda58f81bcca8012049efbb1fdb.jpg

在第一象限是像加模拟器之类的,比如上面链接中提到的过山车体验。这个有一个全局的场景,但是没有界面。你只是简单地被锁定在车上。

8b0858f81bf1a8012049ef673f61.jpg

在第四象限,是那些被开发了界面的app,但是只有少量环境或者没有环境。三星的Gear VR家庭界面就是一个很好的示例。

c1df58f81c03a8012049efaba40a.jpg

设计虚拟环境,比如说场所和风景需要精通3D建模工具,放这些元素超出了许多设计师的能力范围。但是,对于UX或 UI设计师来说用他们的能力设计虚拟世界的用户界面,是一个巨大的机会。

我们做的第一个完整的VR用户界面设计是为《经济学人》设计的一个app,是和VR设计工作室——Visualise联合创作的。我们做了设计,Visualise创建了内容,开发了这个app。

581258f81c2ba8012049ef8dc2fe.jpg

下个阶段,我们将用这个做一个工作示例。在进一步了解VR设计界面的本质之前,我们将给一个设计VR app的方法。你可以从Oculus网站下载经济学人app的Gear VR版。


VR用户界面设计流程


然而大多数设计师已经想出他们设计移动app的流程,设计VR界面的流程还没有被定义。当第一个VRapp设计项目来临时,逻辑上来说第一步是设计一个流程。

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

当我们第一次玩三星的Gear VR时,我们发现和传统的移动app是相似的。基于VR app的界面遵循着和传统app相同的基本动态:用户和界面进行交互,以帮助他们浏览页面。我们在这里只是简要描述,但是当前只要记住这个就好了。

考虑到和传统app的相似性,设计师花很多年去定义的测试移动app的流程将不会被浪费,也能被用在设计VR界面上。你会比想象中容易设计出一个VR app。

在描述如何设计VR界面之前,让我们回过头来看看设计一个传统移动app的流程。


1.线框图

首先,我们会要完成快速迭代,设计交互行为和整体布局。

cd3258f81c66a8012049ef4e055f.jpg


2.视觉设计

这个阶段,功能和交互已经确定。品牌规范被用在了线框图上,漂亮的界面也制作出来了。

50a858f81c83a8012049ef1dc7ea.jpg


123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:ui干货

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/5934.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通