设计师必看!学VR不可错过的设计文章集锦 - 优设网 - UISDC

设计师必看!学VR不可错过的设计文章集锦

2016/08/15 43676评论区

best-vr-design-articles-1

@C7210 :过去几个月里,我在搜集VR设计相关主题的内容资源时,通常会遵循某种原则,目标是帮助包括我在内的传统UX设计师们了解“VR”这个广阔而复杂的新媒介概念背后的一些最基本的东西,包括设备常识、设计理念、自学方法与心得、基础实践等若干方面。今天采用相同的分类原则,把目前的VR设计文章都归纳一遍。

欢迎关注译者(高级交互设计师、猫奴、吉他手、鼓手、老狗、单身,现就职于腾讯ISUX)的微信公众号:Beforweb

这儿有他的访谈:《优设访谈!腾讯高级交互设计师C7210的十年设计路》

best-vr-design-articles-banner

首先按照发布的时间顺序列一份清单出来:

  1. 谷歌设计师出品的VR设计入门指南
  2. VR设计指南之基础概念与设计工具
  3. 一名UX设计师的VR设计初体验
  4. 设计师该怎样从3个方面学习VR设计?
  5. 设计师进入VR领域会遇到哪些状况?(附解决方法)
  6. 关于谷歌的VR新平台,设计师应该知道的9件事
  7. 站在VR的大门前!主流VR平台交互特性浅析
  8. 从VR UI设计案例中学到的六个经验
  9. 浅聊故事板在VR设计中的运用(附模版下载)
  10. VR新工具之便捷实用的POV纸质原型
  11. 谷歌VR APP实战!UNITY与CARDBOARD APP基础实践(一)
  12. 谷歌VR APP实战!UNITY与CARDBOARD APP基础实践(二)
  13. 谷歌VR APP实战!UNITY与CARDBOARD APP基础实践(三)

然后归纳到五个类别之下,并从每篇文章当中摘一部分关键内容作为引言:

设备常识

站在VR的大门前!主流VR平台交互特性浅析

英文原文作者本身是设计师,主要站在不同硬件平台交互特性的角度进行介绍,涵盖Cardboard、Daydream、Gear VR、Vive、Oculus与PS VR。

如今市面上已经有不少VR设备了,而且越来越多的厂商正在加入这一大军。哪一款最适合于你的产品?答案最终取决于产品自身的目标及典型用例。如果你希望将某种简单快捷的快餐型内容体验介绍给尽量多的用户,那么建议你聚焦于Cardboard,并通过iOS和安卓app来承载内容。如果你希望产品可以为用户带来长时间的高品质沉浸体验,那么Vive、Rift或PS VR这类高端设备将是不二之选。

无论聚焦于哪一类平台,人机互动模式都是你在设计VR产品的过程中必须时刻考虑到的。长久以来,包括我们自己在内,人们都已习惯于通过鼠标或触屏与数字世界进行互动,然而这些“传统”的交互模式在VR领域行不通,用户要学习新的操作方法,而我们更需要首先调整设计思维模式;一路上,还有太多东西等待我们去学习和探索。

ln201608141

关于谷歌的VR新平台,设计师应该知道的9件事

选择了尚未正式发布、连硬件设备还没有上市的Daydream作为话题,也是因为一方面这是最容易理解与入门、上手的平台形式,另一方面也想具备一些相对超前的时效性。在接下来的几个月便有可能逐渐开始普及开来的最为亲民的平台与产品,快来做些了解也好。

在I/O 2016大会上,Google推出了“Daydream” – 这是一套基于Android的开源平台体系,用以构建高质量的移动VR应用及相关服务。面向Daydream设计开发的app将仅能运行在未来那些经过Google认证的Daydream-ready移动设备上。

Daydream是一套全新的VR平台体系,相应的,VR设计师们在为其打造产品时也需要首先了解一系列新的设计原则。在I/O 2016大会上,Google的VR设计团队登台,为设计师与开发者们讲解了面向Daydream平台进行设计的最佳实践方式。设计的关键在于怎样打造舒适、沉浸及独特的VR体验。

ln201608146

基础概念

VR教程来了!谷歌设计师出品的VR设计入门指南

我(英文原文作者)是Google的一名产品设计师。2012年,我当时就职的一家名为Sparrow的法国创业公司被Google收购。从那时起,我就一直在Gmail团队效力,并全程参与了旗舰产品Inbox by Gmail的设计工作。

这些年下来,始终置身于移动app设计领域,自己也觉得遇到了瓶颈一样。我很希望扩展自己的技能范围,每天学些新东西,让自己在从未接触过的某个领域当中有所斩获。我需要走出自己的舒适地带,通过接受新的挑战来重启职业生命,于是我在2015年4月申请加入了Google VR团队。

最初的几周对我来说相当茫然,不过日复一日,零散的认知碎片逐渐组合成完整的拼图,我一点点看清了当前VR设计与开发领域的整体框架,也开始明白了自己希望在其中扮演的角色,以及要成为这样的角色需要掌握哪些技能。

ln201608147

教程来了!VR设计指南之基础概念与设计工具

新的空间维度与沉浸式体验所带来的冲击是前所未有的。要在三维世界当中打造令人舒适的互动体验,你需要了解一些此前可能并未接触过的技术概念与设计原则。而在设计工具方面,传统的纸笔和Sketch(app)等工具依然有着用武之地,此外,Cinema 4D、Maya、Unity等3D设计工具也是我们需要尝试接触和学习的。

VR还相当年轻。作为先行者,我们需要去学习和探索的东西太多太多,这也正是我为此而兴奋并最终加入VR团队的原因。摆在我们面前的有挑战,更有机遇,我们理应尽最大的努力到这个新世界当中进行探索,去学习、理解、创造、迭代,如此反复的长久保持下去。

ln201608148

一些观念,一些经验

各位UX/UI设计师们,在兴高采烈的决定投身于VR事业并自掏腰包购买硬件之前,我(英文原文作者)个人建议你们尽可能寻找机会亲身尝试不同类型的VR设备,至少搞清楚它们的区别与优劣。无论对于VR还是AR设备,试着了解每一类平台系统的特性,寻找对于自己来说最为适合的切入点。切莫盲目的跟随潮流,随随便便买上一款HMD,然后自认为可以在一周之内画出一套Material界面控件包一类的东西,好像你在2D界面设计领域当中能够做到的那样。

在花了14个月的时间专注于探索AR系统当中的交互模式及视觉语言之后,我可以告诉各位,不同于我们多年来所熟悉的任何平台,VR/AR更加复杂,更加系统化和科学化,与现实层面的关联更为密切。相比于过去,我们必须更加透彻的理解如今所要面对的新平台,以及怎样以形形色色的人类行为特征为核心进行设计。

不过你要知道,我们过去所熟悉的产品体验设计原则并没有过时,只是与新技术的复杂特性之间的关联更为密切了。这也是我建议各位多花些时间去尽可能多的体验当前技术成果的原因之一,必须在实际当中尽早建立起整体认知。

news20160814

自学心得

腾讯干货!设计师该怎样从3个方面学习VR设计?

因为最近一段时间的更新都集中在了VR方面,所以逐渐也有些朋友在这边或是微博留言问起究竟应该怎样去学习VR设计。我很想尽自己所能的给到一个什么标准答案,可惜做不到。如今,无论大公司还是小玩家,无论设计还是技术层面,大家都处于摸索的阶段,整个VR领域仍是一片wild west,太多东西有待探索和确立,其中自然也包括设计实践方式以及学习方法本身。

况且我个人也只是刚刚接触不久,所以目前只能简单介绍下自己的一些所谓的学习方法供各位参考吧。大致分为三个方面:

  • 阅读文章资讯
  • 学习设计工具
  • 实际体验

ln201608142

访C7210:站在VR世界大门前的UX设计师

几年前,随着触屏交互与移动设计大潮的汹涌而至,我们已经经历过一次思维模式与设计范式的重大调整;而在我看来,对于我们这些“传统”UX设计师来说,如今这次媒介级的跨越所带来的挑战要远远高于之前的那一次。

在过去的十多年甚至是几十年的时间里,人机界面设计模式基本局限于二维框架当中,人与二维屏幕的互动占据着绝对主导的地位,无论在桌面时代还是移动时代均是如此。而VR给我们带来了真正意义上的第三维度,人与数字世界的互动介质也从二维屏幕转变成为三维空间。设计师们更多需要考虑的是怎样在一个接近于现实世界的虚拟空间当中充分利用人类已有的行为习惯来打造最为自然的交互模式,而不是顺从于我们多年来所习惯的思维模式,将二维人机互动模式盲目的迁移到三维世界当中。这些原则说起来容易,但毕竟是全新的信息媒介,作为设计师,不经过充分的实境体验,不去亲身感受三维世界当中的特性与痛点,那么所谓的“用户体验”便无从设计。有了实际的体验以及基于这些体验的思考,慢慢梳理自己的方向和目标,上手恰当的设计工具进行预习,一步一步循序渐进的将自己推向VR设计的学习正轨,这是我们目前需要做的。

ln201608143

亲历经验!设计师进入VR领域会遇到哪些状况?(附解决方法)

我(英文原文作者)有幸参加了2015年的Google I/O大会,并领到了一个免费的Cardboard。回到家,戴上这纸盒遨游了那么一阵子,我便开始为VR世界所着迷。怎样才能投身于这个全新的技术领域?我思考起这样的问题,只是看不到明确的答案。在这之前,我从没想过自己会涉足游戏设计或3D建模一类 – 这些对我来说有些遥不可及,听上去就让人觉得有些惊悚,像是要光着脚板去爬山一样的感觉。不过话虽如此,总还是要去尽力尝试才好,于是我走上了VR设计的探索与学习之路。

据我当时所了解,Unity 3D应该是时下最为主流的设计引擎了,于是我下载了一套免费的个人版本,开始摸索。不过程序一启动,我就被界面吓到了,各种面板和窗口,无数参数选项,满眼都是功能,完全不知如何下手。我突然开始理解为什么有很多同行刚一开始尝试就决定放弃了。我需要重新思考一下。

我决定后退一步,寻找一种更适合自己的学习路线。接下来的道路很漫长,我逐渐摸索,在VR设计与开发的研究上花费了几个月的时间,期间还做了个demo出来。本文便是我一路自学下来所得到的一些经验与感受。

项目经验

实战教程来了!一名UX设计师的VR设计初体验

我(英文原文作者)是一名产品设计师,一名自诩的用户体验专家,职责涵盖信息架构设计、交互及UI设计。目前,我正在一家主流的影视制作公司担任高级UX设计师一职,所负责的web及移动app产品涉及企业与消费市场两大方面。

去年,我转岗到内部的一个VR团队担任UX设计leader。我个人来说并不认为自己有足够的资格来担任这个职位,毕竟对于VR这个全新的信息媒介,我几乎没有任何相关的经验背景。本文就是我在这个新领域当中进行设计初体验时所得到的一些经验分享。我相信如今有很多设计师和我一样,一方面不具备相关的经验,一方面又希望进入VR领域去扩展技能、开拓视野。所以希望本文能够为各位带来一些指引与帮助。

ln201608149

实战教程!从VR UI设计案例中学到的六个经验

最近,我(英文原文作者)在一个安卓VR app项目当中负责界面的设计开发工作。对我个人来说,这是一片从未涉足过的全新领域,因此感到无比兴奋,并希望将自己一路上所学到的经验分享给各位,同时也想通过这种形式对自己的一些设计方法和解决方案进行总结。

本文话题聚焦在整个设计流程当中的以下几个阶段:

  • 探索与研究
  • 技术需求与局限
  • 脚本、信息架构、功能与内容
  • 草图
  • 界面原型
  • GUI设计

ln201608145

实战方法

专业干货!浅聊故事板在VR设计中的运用(附模版下载)

作为一种高效快捷的沟通方式,故事板(storyboard)在影视、游戏和网页设计等领域当中十分常见,通常用于快速展示空间位置、镜头组、运动、互动关系等方面的设计概念。一直以来,我们都习惯于通过故事板的边框来界定场景范围;不过如果场景本身没有所谓的边界,无法通过有限的矩形来完整呈现,我们又该如何呢?

实际上,我们只需换个角度来看问题 – 过去的方式是在故事板当中定义目标对象与场景边界之间(或界面元素与屏幕边界之间)的相对位置关系;而对于没有边界的VR世界来说,我们需要定义的则是目标对象与用户之间的相对位置关系。某种意义上讲,这是名副其实的“以用户为中心”的设计思路,只是对于习惯了传统方式的设计师们来说,一开始可能会感到有些陌生。

ln2016081410

专业干货!VR新工具之便捷实用的POV纸质原型

和很多人一样,我(英文原文作者)在实际体验过VR之后,便开始为其中所蕴含的各种可能性及巨大的潜力而着迷。最近一段时间,我也终于有机会和团队一起去动手构建VR世界了。

面向全新的信息媒介进行设计,期间势必遇到各种独特的挑战;当然,相应的学习与探索的机遇同样并存。譬如我在刚刚开始构思主场景的时候便发现了一些从前在设计2D界面时未曾遇到过的麻烦。所谓主场景,也就是用户戴上头显并加载了我们的app之后看到的第一个场景。

挑战在于,我所熟知的概念原型制作方法当中,没有哪种既能清晰的呈现出用户及互动元素在虚拟环境中的位置关系,同时又非常便于团队之间进行沟通和协作。经过一番探索,我找到了一种非常简单高效的实践方式,而本文便是相关的实战经验汇总。

ln2016081411

谷歌VR APP实战!UNITY与CARDBOARD APP基础实践(一)

了解怎样使用Unity与Google VR SDK来制作最为简单的VR demo app,并部署到实际设备当中,然后通过Cardboard进行体验。本期甚至无需自己制作任何东西 – 尝试将SDK中自带的demo项目放进iPhone便好 – 不去实际操作也不成问题,毕竟涉及到Xcode、Unity的使用;单纯了解到一些“流程”方面的常识也是收获。

本期的英文原文是Google官方的一篇文档,内容略干涩,几乎没有配图,于是我做了一定程度的编译,并使用了自己操作时的截图作为演示。

ln2016081412

谷歌VR APP实战!UNITY与CARDBOARD APP基础实践(二)

通过Unity构建一些简单的3D环境,然后打包到app当中供Cardboard使用。本文相比于上期来说增加了一些更具体的东西,包括从Unity商店下载环境资源、在项目中使用Google VR Unity SDK提供的组件及第三方脚本等等,实战性略强些。不过还是那句话,读过之后不去实际操作也不成问题,作为设计师,在目前单纯去解到一些“流程”方面的常识也是收获。

此外和上期类似,这次的编译程度也比较大,因为原文成文的时间较早,之后无论是Unity相关界面还是Google提供的SDK使用方式都有变化,包括第三方脚本代码亦需要进行手动变更;几乎所有的配图都替换成了我自己实际操作时的截图。

ln2016081413

谷歌VR APP实战!UNITY与CARDBOARD APP基础实践(三)

“Unity与Cardboard app基础实践”的话题之前已经做过两期,均是译文。第三期直接自己写了,两方面考虑:一是目前能看到的Cardboard实战文章或视频教程大多是基于旧版SDK,而非Daydream发布之后更新的大一统版本的“Google VR”SDK,时效性上有问题,翻译过程中需要做大量的修改工作,包括代码和配图等等方面;另外自己也希望将之前学到的若干知识点汇总在一个完整的小范例当中进行实践,既然方法已经学到了,就整合到一起,一边梳理一边将流程分享出来。

我们接下来将要一起捣鼓的东西,简单描述一下大约就是借来一些免费的Unity资源,搭起3D场景,在里面放上一两个没有任何意义的3D对象,使用Google提供的SDK组件模拟VR视野,当视线聚焦在3D对象上时,VR准星会发生形变,同时3D对象会改变外观,暗示互动性;而通过鼠标模拟Cardboard按钮点击事件还可以使3D对象产生位移。大致就是这样。如果有兴趣打包成app放到iPhone当中,便可以直接塞到Cardboard里面以真实VR的方式进行体验了。

提炼一下具体的实践要点,包括:

  • 向Unity项目中导入Google VR Unity SDK。
  • 在Unity Asset Store中浏览并下载免费资源包。
  • 调用Google VR相关组件,构建VR模式。
  • 向场景(Scene)中添加交互对象。
  • 编写代码,制定凝视交互的规则。
  • 构建事件系统及触发规则。
  • 通过Xcode将VR app部署到iPhone当中。

ln2016081414

「人气过万的好文合集」

敏捷用研指南:
《腾讯专业干货!一份系统全面的敏捷设计用研指南》

QQ表情怎么改版的?
《腾讯设计师揭秘!QQ默认表情优化背后的设计故事》

HTML 5动效设计方法大全!
《腾讯干货!由浅入深科普最常用的八种HTML 5动效制作手法》

原文地址:beforweb

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量160万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/best-vr-design-articles

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 优设大课堂 设计师干货 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里