吉林| 林西| 兴海| 兴安| 武隆| 勐海| 崇左| 宁蒗| 富宁| 平潭| 印台| 冷水江| 昌吉| 海门| 惠东| 涡阳| 卫辉| 咸丰| 赣县| 积石山| 银川| 台前| 平定| 儋州| 莘县| 孟连| 濠江| 菏泽| 龙口| 小河| 焉耆| 鄱阳| 石门| 苍溪| 竹山| 南票| 代县| 龙胜| 兴仁| 上甘岭| 怀远| 北碚| 东川| 吴中| 榕江| 昌江| 文水| 长安| 南康| 洛阳| 绥德| 临夏县| 长泰| 石林| 肥东| 柳城| 镇沅| 册亨| 贵池| 宝清| 定南| 怀仁| 通渭| 洛阳| 鞍山| 贺兰| 罗源| 修武| 武清| 信丰| 澄江| 疏附| 麻江| 平武| 潍坊| 佛坪| 钦州| 饶河| 武邑| 宜宾县| 汨罗| 剑河| 醴陵| 石拐| 墨江| 嘉善| 新宾| 扶沟| 洪泽| 阳信| 梧州| 子长| 元谋| 乌伊岭| 齐河| 绩溪| 昭平| 武胜| 云林| 岳阳县| 滕州| 巨鹿| 大宁| 新兴| 太白| 多伦| 涟水| 肃南| 泰州| 肃北| 桑植| 夏邑| 乾县| 巴林左旗| 岢岚| 新巴尔虎左旗| 通化市| 石龙| 竹山| 甘棠镇| 乌什| 土默特右旗| 芜湖县| 临安| 达孜| 泸西| 花都| 普安| 渑池| 彭州| 陆川| 江达| 东辽| 范县| 让胡路| 太湖| 巴里坤| 阳新| 达尔罕茂明安联合旗| 禄丰| 马关| 睢县| 习水| 南投| 宁夏| 西固| 户县| 青县| 新余| 镇宁| 城阳| 察隅| 云南| 鄯善| 杞县| 永安| 黎城| 仁化| 溆浦| 本溪满族自治县| 英德| 浦口| 卫辉| 美溪| 凤山| 淄博| 梅河口| 邗江| 荆州| 开县| 梁子湖| 枞阳| 钓鱼岛| 广汉| 普兰| 孟村| 榕江| 公主岭| 上蔡| 张家港| 芒康| 铁岭市| 台北县| 漳平| 北戴河| 高州| 疏附| 建昌| 华阴| 武陵源| 镇沅| 永丰| 舞阳| 平顺| 赫章| 友谊| 金阳| 曲周| 安泽| 古县| 惠州| 桦甸| 长垣| 兴山| 南票| 分宜| 土默特右旗| 鲁甸| 闽清| 翁牛特旗| 文县| 鲁甸| 根河| 呈贡| 新安| 天祝| 淳化| 萨迦| 福山| 南浔| 射阳| 铁岭市| 邹城| 德江| 沙河| 镇赉| 宁河| 中江| 石河子| 白山| 广西| 连云区| 太原| 南安| 吉木萨尔| 诸城| 饶阳| 隆化| 邵阳市| 临猗| 商南| 贵溪| 桦甸| 富平| 界首| 萧县| 青神| 旅顺口| 舒兰| 横山| 光山| 门源| 浦城| 沙湾| 宣化县| 望都| 临泽| 宝安| 晴隆| 滴道| 南漳| 尚志| 涡阳| 宁德|

你见过时时彩长龙记录:

2018-11-15 18:01 来源:蜀南在线

  你见过时时彩长龙记录:

  特朗普贸易战被指注定失败:中方将捍卫国家利益2018年3月26日02:27来源:参考消息网    参考消息网3月25日报道境外媒体称,中国24日警告美国,美国关于知识产权的调查违背贸易规则,中国将捍卫自己的利益。自2007年在澳大利亚首次举办以来,一年一度的“地球一小时”活动已成为全球最大的环保活动。

”    立陶宛总统达利娅·格里包斯凯特起初就支持“协调行动”,支持英国关于敌对的俄罗斯间谍网络利用外交掩护削弱欧洲利益的说法。中国足球上不去,不是靠一个职业联赛,或请几个高水平外援或换几个教练就能解决,根源就在于足球管理体制陈旧,而抓足球,首先就应该在体制上下手。

  这个过程,大家历历在目,是非常深刻的。就像前几天的拿逸龙剑的剑宗小伙伴,感觉也是欧到爆才肝到这么一把武器。

      新闻内存    出租汽车地方标准    要求配备智能终端    2015年,北京市地方标准《出租汽车技术要求》通过市质监局网站公开征求意见。”  战巡南海的空军战机中,具备制空作战和对地、海面目标精确打击能力的苏-35战机不断亮剑。

    报道称,因双面间谍斯克里帕尔中毒事件,英国首相梅宣布对俄采取一系列措施,包括驱逐23名俄外交官,暂停与俄罗斯的一切双边接触。

    丁薛祥同志在讲话中表示,完全拥护、坚决服从党中央关于组建中央和国家机关工委的决定和工委领导班子成员的任命。

  图说:在蔡浜村,小朋友们体验传统扎染艺术图说:在蔡浜村的水上长廊里,村民们坐下喝阿婆茶、吃点心、话家常、听宣卷  走到青浦区金泽镇蔡浜村村口,村民们正在用一场金泽地区特色的打莲湘活动拉开文化服务日的序幕。    他指出,石头是在万不得已之下的最后一招,因为校门都已经增设防止入侵的安全装置,学校也已经多次训练学生如何在紧急情况下挡住教室的门。

  另一方面,广大民众在面对“杀熟”问题时,不应抱着忍气吞声、息事宁人、“吃亏是福”的态度,应该予以批评投诉,不应放任自由。

  农业农村部党组副书记、副部长余欣荣主持会议。    来自两江新区的信息显示:2017年,果园港完成集装箱吞吐量万标箱,同比增长%;其中水水中转万标箱,同比增长%;铁水联运万标箱,同比增长%。

    上海交通大学  日日夜夜守候在寝室门口,只为向你问好,给我一个微笑可好?  同济大学  喵~不想拍广告~只想睡觉~  华东师范大学  只想做一只真正有“身份”的猫~哼!  上海外国语大学  好舒服啊~橘猫和打滚最配了~  上海财经大学  在SUFE的校园里,经常会看到它们萌萌的身影。

  “数据杀熟”,社会公平那杆秤怎可失衡东方网王凯磊王永娟  所谓“大数据杀熟”,有人将其定义为互联网厂商利用自己所拥有的用户数据,对老用户实行价格歧视的行为。

  张玉宁之所以被定位主力,是因为张玉宁全局观比队友要出色,每当拿到球不盲从,而是观察队友的站位动向!这是国内少有的比赛阅读能力!可惜,点球不进!就厌烦这些一动不动就发神经说什么天才陨落,惋惜的伪球迷,几场比赛能看出什么?我数学还考过137呢,高考还不照样不及格?张一直能获得主力说明主教练认可他,难不成有些球迷比教练更厉害?下场张还继续首发,气死那些喷子。”  据了解,他们还对樱花林及林内木栈道、森林烧烤区、美食广场、儿童嘉年华、恐龙园、亲水平台等人群密集、流动性大的重点部位加强防范,实施不间断巡逻,确保园区安全。

  

  你见过时时彩长龙记录:

 
责编:
首页 > 移动应用 > 正文

VR那么火,你知道它的设计流程是什么吗?

2018-11-15 09:33:30  来源:优设

摘要:作为 UX 或 UI 设计师,初次接触 VR 可能会有所畏惧,但不要害怕,在本文中,我们将分享一个设计 VR 应用程序的完整过程,我们希望您可以通过这个案例来开始自己的 VR 设计之旅。
关键词: VR
对于许多设计师来说,虚拟现实(VR)是一个全新且陌生的领域。过去几年中,我们目睹了虚拟现实硬件和软件的爆炸式增长。从体验性上看,虚拟现实既有小而简单的也有专业复杂的,整体体验差异很大。

作为 UX 或 UI 设计师,初次接触 VR 可能会有所畏惧,但不要害怕,在本文中,我们将分享一个设计 VR 应用程序的完整过程,我们希望您可以通过这个案例来开始自己的 VR 设计之旅。你不需要成为 VR 的专家;你只需要将你之前的设计技能应用到一个新领域。最终,经过大家的共同努力,我们定可以加速 VR 的发展以发挥它的全部潜力。

一、VR应用程序里有什么?

一般来说,从设计者的角度来看,VR 应用程序由两种类型的组件组成:环境和交互元素。

\

环境:您可以将环境视为您戴上 VR 头盔时所进入的整个世界 , 比如你身处的虚拟星系或者驾驶过山车飞驰的乐园。

交互元素:界面上影响用户交互和操控体验的元素合集。

根据这两个组件的复杂性,所有 VR 应用程序都可以沿两个轴定位。

在左上象限中的 VR 应用有类似模拟器的东西,例如过山车的 VR 应用,这种应用具有完全成形的环境,但根本没有交互。你只是被锁在了车里。

\

在右下角的象限中,应用程序具有一个更好的界面,但比较少或没有3D环境。三星的 Gear VR 主屏就是一个很好的例子。

\

设计场所和景观等虚拟环境需要熟练使用3D建模工具,许多设计师平时无法接触到这些元素。但是,UX 和 UI 设计人员有很大的机会将他们已有的技能应用于设计虚拟现实的用户界面。

我们所做的第一个完整 VR 的 UI 设计是 The Economist 的应用程序,与 VR 制作工作室 Visualize 合作。我们做设计,Visualize 创建内容并开发应用程序。

\

我们在之后文章中将此应用作为一个工作示例,现在我们将介绍设计 VR 应用程序的方法,然后再介绍设计 VR 界面的细节。您可以从 Oculus 网站下载Gear VR 的 Economist 应用程序。

二、VR UI设计的第一步-回顾传统流程

尽管大多数设计师已经熟悉了设计移动应用程序的工作流程,但还不太清楚设计 VR 界面的流程。当面对第一个VR应用程序设计项目时,我们首先要做的是合乎逻辑。

传统工作流程到全新领域

当我们第一次使用三星的 Gear VR 时,我们注意到它与传统移动应用有很多相似之处。VR 应用程序与传统应用程序有着相同的工作流程:帮助用户与界面进行交互。

现在请记住。鉴于与传统应用的相似性,设计师花费数年时间改进的久经考验的移动应用工作流程不会浪费,这些流程仍然可用于制作 VR UI。这让你比你想象的更接近 VR!

在如何设计 VR 界面之前,让我们回过头来看看传统移动应用的设计过程。

1. 线框

首先,我们将进行快速迭代,定义交互和总体布局。

\

2. 视觉设计

在此阶段,功能和交互已经完成。我们把视觉规范与设计应用于线框图,并制作出漂亮的界面。

\

3. 设计文档

在这里,我们将屏幕组织成流程,绘制屏幕之间的链接并描述每个屏幕的交互。我们将此称为应用程序的设计文档,它将被用作开发人员的主要参考。

\

现在,我们如何将此工作流程应用于虚拟现实的设计当中呢?

三、开始VR UI设计

1. 画布的尺寸

最简单的问题可能也是最具挑战性的。面对360度的画布,人们可能很难知道从哪里开始。事实证明,UX 和 UI 设计者只需要关注整个空间的某个部分即可。

我们花了几周时间试图弄清楚什么样的画布尺寸适用于 VR 设计。当您使用移动应用程序时,画布大小取决于设备的大小:iPhone 6为1334×750像素,Android大约1280×720像素。

要将移动应用程序工作流应用于 VR UI,首先必须确定合适的画布大小。

以下是扁平化时360度环境的样子。这种视图叫做等角矩形投影。在3D虚拟环境中,这些投影围绕球体缠绕,以模仿现实世界。

\

整个投影的水平宽度是360度,垂直180度。我们可以用它来定义画布的像素大小:3600×1800。

\

使用这么大的尺寸可能是一个挑战。但因为我们主要对 VR 应用程序的界面设计感兴趣,所以我们可以专注于这个画布的一部分。

基于迈克·阿尔格(Mike Alger)对舒适观察区域的早期研究,我们可以找出一个合适的部分来展示界面。

感兴趣的区域占360度环境的九分之一。它位于图像的中心,大小为1200×600像素。

\

让我们总结一下:

  • 「 360度视图 」:3600×1800像素
  • 「 UI视图 」:1200×600像素
\

四、测试原型

「UI视图」画布有助于将我们的注意力集中在我们正在制作的界面上,并使设计流程变得更加容易。

同时也必须使用「360度视图」在 VR 环境中的预览界面。此外为了获得真实的比例感,使用 VR 头盔测试界面也是必要的。

\
△ 使用Avocode,您可以轻松直观地比较设计

五、设计工具

在开始之前,我们需要以下工具:

1. sketch

我们将使用 Sketch 来设计我们的界面和用户流程。如果您没有,可以下载试用版。Sketch 是我们首选的界面设计软件,但如果您使用 Photoshop 或其他任何软件更舒服,也没问题。

2. GoPro VR Player

GoPro VR Player 是一款360度内容查看器。它由 GoPro 提供,是免费的。我们将使用它来预览我们的设计。

3. Oculus Rift

Oculus Rift 连接到 GoPro VR 播放器,这将使我们能够测试我们的设计。

六、VR界面设计流程

在本节中,我们将介绍如何设计 VR 界面。我们将一起设计一个简单的界面,最多花费5分钟时间。

\

下载源文件:https://pan.baidu.com/s/1WUUwNLlTJkG82Hxdofaqzg 密码:09vt,其中包含预设的 UI 元素和背景图像。如果你想使用自己的设计文件,那也是可以的。

1. 设置「360度视图」

首先要做的事情,让我们创建360度视图的画布。在 Sketch 中打开一个新文档,并创建一个画板:3600×1800像素。

导入文件 background.jpg,并将其放在画布的中间。如果您使用自己的背景文件,请确保其比例为2:1,并将其大小调整为3600×1800像素。

\

2. 设置画板

如上所述,「UI view」是「360 view」的裁剪版本,我们仅关注 VR 界面。

我们创建一个新画板:1200×600像素。然后,复制画板到「360 view」中,并将其放在画板的中间。不要删除「360 view」画板,我们同时保留着两个画板,以后会用到它们。

\

3. 设计界面

我们将在「UI View」画布上设计我们的界面。我们会尽量简单一些,首先在视图上添加一些图块。您可以使用 tile.png 文件将其拖到 UI 视图的中间。

复制它,并创建一行三个图块。

使用 kickpush-logo.png 文件,并将其放在图块上方。

\

4. 合并画板

现在来看看有趣的东西。确保「UI view」画板位于左侧图层列表的「360view」画板上方。

将「UI view」画板拖动到「360 view」画板的中间。将「360 View」画板导出为 PNG;「UI view」将位于其上方。

\

5. 在VR中测试它

打开 GoPro VR Player,并将刚刚导出的「360 View」PNG 拖到窗口中。使用鼠标拖动图像以预览360度环境。

我们完成了!是不是很简单?

如果您的机器上安装了 Oculus Rift,则 GoPro VR 播放器应该可以检测到它并允许您使用 VR 设备预览图像。根据您的配置,您可能需要在 MacOS 中做一些显示设置。

\

七、VR设计中需要注意的因素

1. 低分辨率

VR 头盔的分辨率非常糟糕?这不完全正确,其实它相当于手机的分辨率。但是,考虑到设备距离您的眼睛5厘米,显示器看起来并不清晰。

为了获得清晰的 VR 体验,我们需要一个8K的显示屏,这是一个15,360×7680像素的显示屏。相信这种设备早晚会普及。

2. 文本可读性

由于显示器的分辨率较低,会导致所有精美的 UI 元素都会看起来像素化。这意味着,首先,文字难以阅读,其次,直线部分会出现锯齿。所以尽量避免使用大段文字和特别复杂的 UI 元素。

八、收尾工作

1. 设计文档

还记得我们的移动应用中的流程图吗?我们现在将这种做法也应用到 VR 界面。用我们已经做好的界面组织成一个易于理解的流程图,这非常有益于开发人员理解我们设计的应用程序的整体架构。

\

2. 动效设计

设计一个漂亮的 UI 是一回事,但让他动起来又是另外一回事了。我们决定以二维视角来处理它。

基于我们的 Sketch 文件,我们使用 Adobe After Effects 和 Principle 为界面设计动画。虽然输出的不是真实的3D体验,但它足以指导开发团队了,且能帮助我们的协作者在流程的早期阶段了解我们的愿景。

\
△ 你刚刚设计了第一个 VR UI。真棒!

我们知道你在想什么,「这很酷,但真实的 VR 应用程序会复杂的多。」是的,当然是。但重点在于我们可以在多大程度上将我们当前的 UX 和 UI 的经验应用于这种新媒介?

九、VR UI可以走多远?

1. 新的交互体验

一些 VR 体验非常依赖虚拟环境,然而传统界面的确已经不是用户控制应用程序的最佳方式了。在这种情况下,您可能希望用户直接与环境本身进行交互。

想象一下,你正在为一家豪华旅行社制作应用程序。您希望以最生动的方式将用户转移到潜在的度假目的地。因此,您邀请用户佩戴耳机并在时髦的切尔西办公室开始体验。

要从办公室转移至目的地,用户需要选择他们想去的地方。他们可以拿起一本旅行杂志,轻轻松松浏览它们,直到它们被某一页吸引。或者,桌面上可能会有一系列有趣的物品,根据用户选择的不同,将用户带到不同的位置。

这确实很酷,但也有一些缺点。为了达到完美的效果,你需要一个更先进的带手持控制器的 VR 头盔。不过,像这样的应用程序要比传统的应用程序花费更多的精力来开发。

2. 革命万岁

现实情况是,对于大多数公司而言,这些沉浸式的体验在商业上还不可行。除非您拥有几乎无限的资源,例如 Valve 和 Google,否则创建类似于上述体验的产品可能成本太高,风险太大且过于耗时。

这种体验非常出色,可以带你到媒体和技术的最前沿,但通过新媒体将产品推向市场并不太好。

通常,当一种新形式出现时,它会是一个小众产品。随着时间的推移,成本的下降,有足够的人去学习和市场的资本注入,它就会成为应用广泛的产品。

随着 VR 头盔变得越来越普及,将会有越来越多的公司将 VR 融入他们与用户的互动当中。

从我们的角度看,相比于手机、平板,VR 用户界面本质上是更直观高效的,并且更接近用户,随着科技和市场的发展,VR 将会带来更大的价值。


第二十七届CIO班招生
北达软第一期EXIN隐私与数据保护基础认证培训
法国布雷斯特商学院MBA班招生
法国布雷斯特商学院硕士班招生
责编:pingxiaoli
岘山乡 第四制药厂 晓街乡 昆曲 伊通
青云公园 东风桥北 吐列毛杜农场 华财古玩城 银杏大酒店