知道的一些关于如何从头开始学习VR设计?和大众领驭2010导航升级的题,那就详细看完本文,小编带你了解一下关于大家都关心的话题。
对于许多设计师来说,VR是未知的领域。近年来,我们看到VR相关硬件和软件的蓬勃发展。VR体验的范围从令人不满意的到令人惊叹的,其复杂性和功能差异很大。
作为一名UI或UX设计师,进入VR的第一步是困难的。我知道,我们既然来了,就不用害怕!在这篇文章中,我将分享VR界面的设计过程,希望能为您打开VR设计的大门。您不需要成为专家。您所要做的就是将您的设计技能应用到这个新领域。
目前有哪些类型的虚拟现实应用程序可用?
通常,从设计师的角度来看,VR应用程序由两种类型的控件组成环境和界面。
环境可以理解为,佩戴VR头盔——进入的世界可能是虚拟的星际世界,也可能是乘坐过山车时看到的风景。
界面允许用户导航环境并控制体验的交互元素的集合。任何VR应用程序都可以根据这两个复杂度维度来定义。
专注于象限2的应用程序大多是模拟器,就像上面提到的过山车体验一样,你在滑动时总是处于这个环境中。
相反的象限则具有丰富的界面和简单的环境,三星的GearVR主屏幕就是一个很好的例子。
设计虚拟环境,例如地板或景观,需要设计师熟练地使用3D模型工具将元素绘制得生动逼真。对于许多UI、UX设计师来说,这是一项艰巨的工作,而VR界面设计是发挥他们技能的更好选择。
我们最初的VR界面是与VR产品工作室Visualise合作为《经济学人》设计的。我们负责设计,Visualize负责研发。
在详细介绍VR界面设计之前,我先以《经济学人》为例,解释一下VR应用的设计方法。首先,您可以通过Oculus网站下载《经济学人》。
VRUI设计流程
大多数设计师已经熟悉移动界面设计流程,但对VR界面设计流程了解不多。当我们接到一个VR界面设计项目时,我们采取的第一步是设计工作流程。
换汤,不换药。
当我第一次使用三星的GearVR时,我发现它与现有的移动应用程序相似。它按照相同的原理工作。也就是说,用户与界面交互以浏览页面。这是很重要的一点,虽然这里只是简单地提到,但记住这一点很重要。
由于VR与传统的App界面类似,设计师多年来学习和掌握的传统UI体验并没有浪费,可以在VR领域重用。事实上,您比您想象的更擅长设计VR应用程序!
在讲解VR界面设计流程之前,我们先来看一下传统移动端界面的设计流程。
第1步线框
首先,我们通过几次快速迭代来定义交互和整体布局。
第二步视觉设计
在这个阶段,设计风格和交互方法已经确定。将品牌风格与线框相结合,创建设计精美、精心设计的界面。
第三步流程图
为了展示页面之间交互的过程,用线来连接页面,称为流程图。流程图是程序员在开发过程中的主要参考资料。
那么传统的设计流程如何应用到VR设计中呢?
基本设置
画布的尺寸
最简单的题也可能是最困难的。当面对360度的画布时,用户很难知道从哪里开始交互。事实上,UX和UI设计师只需要关注空间的特定部分。
我们花了几周的时间来确定VR设计所需的画布尺寸。设计移动应用程序时,画布大小由设备大小决定。例如,iPhone6为1334750像素,Android为1280720像素。
为了使您的移动应用程序设计过程适应VR,您首先需要确定有效的画布尺寸。
下图显示了在平坦表面上展开的360度环境;这种表示形式称为正交投影。在三维虚拟环境中,这些投影环绕一个体来模拟现实世界。
水平360度和垂直180度代表投影的整个宽度。您可以使用它来定义36001800像素的画布大小。
覆盖这么大的画布是很困难的,而且由于我们主要是为了绘制VR界面,所以我们只能关注画布的一部分。基于MikeAlger对视觉安全区的早期研究,我们可以隔离有用的界面。用户感兴趣的区域以360度环境区域的九分之一为中心,位于尺寸为1200600像素的方形图像的中心。
得出结论
“360视图”画布36001800像素
“UI透视”画布1200x600像素
测试
在一个屏幕上使用两个画布视图是出于测试目的。“UI透视”画布可以让我们的注意力集中在设计本身,创建流程图也会变得更加方便。同时,您可以使用“360度视角”画布来预览VR界面,并且应该使用VR头盔来测试界面以获得逼真的比例感。
设备
在开始正式练习之前,首先了解您需要的工具。
草图绘制使用草图设计界面和交互流程。如果没有,您可以下载试用版。Sketch是首选的界面设计软件,但如果您更喜欢使用Photoshop或其他软件,那也没关系。
GoProVRPlayerGoPro免费提供的360度界面查看器。您可以使用它来预览和测试您的设计。
OculusRift通过将OculusRift连接到GoPro播放器来测试您的OculusRift。
训练
在本部分中,我们将引导您完成VR界面设计过程(最多5分钟)。
下载包含调整后的UI元素和背景图片的素材包。如果您想使用自己的材料,也可以这样做。
1设置“360度视图”画布
首先,我们创建一个允许360度视图的画布。打开Sketch,新建一个文件,创建一个36001800像素的画布。导入一个名为backgroundjpg的文件并将其放置在画布的中心。如果您想使用自己的视频,请确保背景图像的比例为2:1,并将其大小调整为36001800像素。
2设置“UIPerspective”画布
如上所述,“UI视角”画布仅选择了“360视角”的一部分,并且只专注于VR界面设计。因此,我们在360旁边创建一个新的1200600像素画布。然后将360度背景复制到新画布上,不要调整其大小,但一定要使其在新画布上居中。我们想要保留背景的裁剪版本。
3设计界面
我们将在“UIPerspective”画布上设计界面。增加了几排卡片,让练习更加清晰直观。如果您觉得懒,还可以将材质包中名为Tilepng的文件直接拖到画布中央。将三个图块文件复制到同一行,然后拖动kickpush-logopng文件并将其放置在图块的顶部。
4合并两个画布并导出
将“UIPerspective”画布置于“360”画布的中心。“UI”层应位于“360”之上。以png格式导出“360”画布。
5.使用VR设备测试效果
将刚刚导出的png拖到GoProVR播放器窗口中,然后用鼠标拖动图像进行预览。至此我们就全部完成了!很简单的!如果您在计算机上设置了OculusRift,GoProVRPlayer将检测到它并允许您使用VR设备预览图像。根据您计算机的配置,MacOS可能会处理您的显示设置。
技术因素
1低分辨率
有人说VR耳机的分辨率不好,但这并不完全正确,分辨率和手机的分辨率是一样的。仅仅因为设备距离您的眼睛五厘米并不意味着显示会非常清晰。
清晰的VR体验需要单眼显示8K分辨率,相当于153607680像素的显示。虽然目前的技术还无法实现,但我相信最终会实现。
2文本可读性
由于分辨率,所有漂亮、清晰的用户界面看起来都是像素化的。这意味着文本难以阅读并且直接元素会出现锯齿。在设计过程中,避免使用大块文本和过于详细的UI元素。
精加工
1流程图
移动界面中常用的流程图也可以应用于VR界面。将“UIPerspective”界面连接到流程图对于开发人员了解设计的整体架构非常有用。
2动作设计
创建漂亮的界面是一回事,展示其工作原理则是另一回事。让我再次从2D角度向您展示一下。用Sketch设计好界面后,用AE或Principle表达动态效果。虽然结果不是3D体验,但它可以作为开发团队的指南,让客户在项目早期了解我们的想法。
您可能会想,“2D动作效果很酷,但VR会比这复杂得多。”但题是,当前的UI/UX设计能在多大程度上应用到这种新媒介上?
VRUI设计能走多远?
1虚拟与现实的距离
一些VR体验严重依赖虚拟环境,传统的顶置操作界面并不是用户使用VR的方式。在这种情况下,我们希望用户直接与环境本身交互。
想象一下您正在为一家豪华旅行社开发一款应用程序。您希望以最吸引人的方式为您的潜在度假目的地带来流量。因此,我们邀请用户戴上耳机,在我们宽敞的办公室开始体验。要从办公室过渡到景观,用户必须首先选择他们想去的地方。他们可能会拿起一本旅游杂志并浏览它,直到到达特定页面。你的桌子上也可能有有趣的东西,选择不同的东西可以将用户带到不同的地方。
显然,这非常有效,但也有一些缺点。需要更先进的VR耳机和控制器才能获得完整效果。此外,与传统的移动界面相比,由于有可供选择的选项集,这些任务需要更多的开发资源。
2商业与创新的平衡
现实情况是,这些沉浸式体验对于大多数公司来说在商业上并不可行,除非你拥有像Valve和Google这样几乎无限的资源,否则开发如上所述的体验太昂贵、太冒险、太耗时。这意味着它会消耗大量资源。很多。这种体验可以生动地证明您处于媒体和技术的最前沿,但营销您的产品并不容易。归根结底,可操作性很重要。
通常,当一种新形式出现时,先驱者就会将其推向极限。随着时间的推移,随着学习的深入和资金投入的加大,它将被用户广泛接受。随着VR可穿戴设备变得越来越流行,更多的公司将看到商机并将VR融入到与消费者的互动中。
当前VR应用程序中使用的界面都很直观,并且与人们熟悉的可穿戴设备、手机、平板电脑和计算机上的应用程序基本相同,这使得VR对于大多数企业来说是一种负担得起且值得的投资。
是时候登上VR设计火箭了!
我希望这篇文章能让VR不再那么可怕,并激励您开始设计自己的VR。
俗话说,独行者走得快,结伴行者走得远。我们希望与您一起走得更远。在Kickpush,我们相信每家公司最终都会拥有自己的VR应用程序,就像今天每家公司都有自己的移动网站一样。所以我们为VR打造了《Rocket》,希望来自世界各地的设计师能够共同努力,大胆探索未知的领域。VR应用越早实现商业价值,当前生态系统的发展速度就越快。
作为电子设计师,我们的下一个挑战是通过控制器设计更复杂的应用和更多类型的输入。为了解决这些题,我们需要更高效的原型设计工具,使我们能够快速轻松地创建和测试设计。我们的团队将继续跟踪类似的早期尝试的进展和新工具的开发,并在后续文章中撰写相关内容。
原来的
作者萨姆阿普尔比、亚历克斯德鲁特
翻译者菜菜菜来吃肉,公众号菜云翻译设计
本文被翻译出版为《菜菜菜菜吃肉》。未经许可禁止
标题图片来自Unsplash,CC0协议。
我想将我的2007款帕萨特领驭改装为大屏幕Android10.1DVD导航系统。我该怎么做?需要专家的建议吗?去汽车沙龙修改您的导航。他们比你更专业,负责安装。比自己安装要贵一点。
Minecraft中的航点是一个非常有用的工具,可以帮助您找到中的特定位置。要使用导航点,您必须首先创建指南针。然后选择要设置导航点的位置,并使用指南针右键单击该位置。
这将在屏幕上创建一个航路点图标并将其显示在中的小地图上。
您可以通过查看小地图上的航路点图标来决定要去哪里,并使用指南针获取方向。在探索新区域或查找特定位置时,导航点特别有用。您可以根据需要随时设置、切换和删除多个导航点。
No Comment