5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

如今,不少人正从 AR 中获得乐趣。像是之前大热的 Pokemon Go、以及常用的人像特效滤镜都属于 AR 的范畴。最近,微信小程序也开通了 AR 接口,这都预示着 AR 现在以及未来大热的前景。

 

而作为一名 AR 交互设计师,必须掌握 AR 特殊的交互逻辑,同时也要掌握 AR 的核心开发工具 Unity。了解 AR 背后的原理及技术能大大提升你的行业竞争力,让你的作品更完善、更吸睛。

国内少有系统性的课程,2019 年暑期,最毕设特邀吴升知老师继续为设计师量身定制的线上课,系统教学 AR 交互同时,新增「抖音」脸部滤镜设计课。

美国交互设计 Top1 的 CMU 原装交互设计课程掌握交互设计的思维和入门 Unity 学习 AR 交互让设计同学理解 AR 这种既陌生又熟悉的技术。

老师之前写过一篇文章:我们为什么需要 AR ?

AR 概念

增强现实:

源于自于 Augmented Reality(简称AR),是通过将虚拟的内容叠加到现实空间上的技术手段。

混合现实的概念:
MR,起源于微软。

AR 可以分为两类

第一类头戴式AR(HMD)

头戴式AR(HMD)

Head-mounted Display,头戴式的显示设备,通常的 VR 设备都属于 HMD,对于 AR 来说,分为通过手机屏幕看的 Mobile AR 和 HMD AR 的头戴设备。

常见设备有:

Microsoft Hololens、Magic Leap One、Meta2、ZedMini+Oculus、Google Daydream Mirage Solo。

第二类:手机 AR(mobile AR)

更为流行的AR应用:mobile AR

根据成像原理,可以分为三类:

(一)基于图像识别

使用工具:Vuforia

摄像头捕捉图片之后,

将AR虚拟模型放置在图片上。

谷歌AR项目分享 × 教你做张AR圣诞卡丨体验课

(二)基于SLAM空间理解

主流开发平台:ARCore 和 ARKit

ARCore + ARKit 是本次教学重点

空间建构和定位的能力,最早是应用到机器人上,帮助机器人理解工作的内部环境,这个技术挪移到手机上后,手机通过扫描现实的物理空间,识别和定位,计算出手机所在的物理空间的坐标位置,以此将虚拟模型放置在物理环境中。

5G时代来了,AR 将成为下个爆发点

(三)基于面部识别

最简单的平台:OpenCV、ARCore、 ARKit

 本次课程教学亮点 

通过识别捕捉用户面部的特征点,重建用户面部的模型,将 3D 的虚拟物体放置到用户的面部上。

AR是一种非常生动有趣的数字媒介,对艺术家来说,是个诠释创意的很好的途径。最毕设之前写过:AR可以做什么?8个最酷AR应用

在不久前的 Google I/O 开发者大会上正式推出一款由 Zach Lieberman & molmol Kuo 设计的 AR App:Weird Cuts,这个应用可以让你用日常发现的事物进行创作。用户通过手机拍照,照片可以被拆解为不同元素,然后拼贴组合成不同形状,移动放置在到其他环境中,最终生成一种多维的艺术作品。 

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

  十节课具体教学内容  

认识交互设计思维后

进入五节 AR 交互编程课

你可以结合自己的作品(海报、产品等)

做出 AR 交互设计

 

课程设置

▼    L交互设计概念、流程、行业现状  

  • 交互设计的基本概念和理论,设计的总体流程

    交互设计行业目前现状和涵盖的领域

5G时代来了,AR 将成为下个爆发点

▼    L2 AR设计原则和行业案例分析 

本节课会选择几个典型的行业案例,深入分析交互和产品设计的一些理念和方法,帮助同学打开设计思路,给自己的设计项目启发新的概念。

▼    L3 设计概念和AR交互基础 

  • 本节课将会讲解交互设计中衍生性研究的方法。并且,本节课也会介绍AR交互的基本流程,工具,并且结合主流的设计指南讲解AR交互设计原则。

5G时代来了,AR 将成为下个爆发点

▼   L4  AR原型基础丨玩转AR海报 

  • 本节课讲介绍 Unity 制作原型的方法和技巧,同时带领大家使用 Unity 制作第一个 AR 海报,记得电影哈利波特中的会动的报纸吗,我们将通过使用 Vuforia 这个 AR 软件工具包制作一个炫酷的 AR 海报。

  • 在制作这个项目过程中,同学们将学会最基本的 Unity 使用技巧和 C# 编程。

#模型与动画导入
#添加材质与光线
#代码动画
#添加到AR场景
#iPhone/Andriod Build

 

5G时代来了,AR 将成为下个爆发点

学生作业 by 馄饨

 

5G时代来了,AR 将成为下个爆发点

学生作业 by 阿良

▼  L5:使用 ARCore 和 ARKit 与 3D 模型交互,你也可以做一款宜家APP

本节课将介绍全新的 AR 开发平台 AR Foundation,让 AR 内容可以更好的与空间互动而不需要一个图像的 Marker。

#AR Foundation
#使用 Raycast 放置 AR 模型
#对模型使用手指进行移动
#为模型添加 UI 元素和自动放置的动画效果

 

5G时代来了,AR 将成为下个爆发点

 

5G时代来了,AR 将成为下个爆发点

学生作业  by Lizzie

 

5G时代来了,AR 将成为下个爆发点

学生作业  by #兰

▼  L6:创造并控制一个 AR 动画角色

本节课将给我们的原型添加一个动画角色,AR的小人物不仅可以在真实的世界行走,跳跃,还可以做出不同的动画动作,更可以和用户进行有趣的互动。

在这个项目中,我们将会学习如何在Unity中实现复杂的动画机制,如何通过C#编程来制作更丰富有趣的交互。无论是对游戏设计还是交互体验感兴趣的同学,千万不能错过。

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

案例 来自网络

 

5G时代来了,AR 将成为下个爆发点

学生作业 by 李洁颖

▼  L7:实现一款AR“马里奥”小游戏

制作一款使用虚拟操控杆操作AR动画角色的捡金币小游戏,本节课的目的帮助同学更深入理解使用 Unity 开发的特点,如何使用Unity架构设计项目。

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

吴升知老师,在谷歌实习的项目

5G时代来了,AR 将成为下个爆发点

学生作业 by 阿良

 

5G时代来了,AR 将成为下个爆发点

学生作业 by 李洁颖

L8:抖音面部 AR 滤镜你也能做

AR 不仅可以和身边的物理环境交互,同样可以给我们的面部加上各种神奇的滤镜,有了 ARCore 和 ARKit 前置摄像头对 Face tracking 的支持,我们也可以轻松做出一款爆火 Snap chat 的 AR 滤镜,学完课程的小伙伴会觉得,抖音面部 AR 滤镜也不过如此。同样,我们在这节课中也会学习 Unity shader 的相关基础知识。

 

▼    L9  设计评估、测试迭代和概念视频 

  • 本节课将介绍互联网公司中常用的用户测试方法,以及如何进行用户测试,用户测试在不同阶段的不同角色和方法。对于一个成功的交互设计,通过用户测试来验证设计概念是不可或缺的环节。好的项目需要好的最终视觉呈现。

  • 涵盖设计方法:用户测试,快速约会,产品可用性测试,AB测试,Wizard of Oz,冒烟测试,回归测试。After Effect,iMovie

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

  • 通过概念视频、原型动画和网页排版可以让你的作品集生动起来。本节课将介绍如何快速制作概念视频(AE、iMovie,Keynote)来制作项目介绍视频,结合案例分析几种常用方法来给设计概念讲一个生动的故事。

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

▼    L10  课程项目总结  

  • 最后一节课程将有选择性的对同学的项目进行总结、点评和答疑,尤其是根据AR在不同领域的应用特点,帮助同学们在课程结束后依然能继续自我学习和自我进步。

 

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

▼    解锁课:发现痛点,探索性用户调研 

  • 用户调研是一个发现问题的过程,通过调研帮助设计团队对用户需求、场景和行业产生深刻理解,为下一步分析论证收集素材。

5G时代来了,AR 将成为下个爆发点5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点8月3日开课

本期课程导师

5G时代来了,AR 将成为下个爆发点

吴升知
2019年将入职 Google ARCore UX团队任交互设计师
2018年Google ARCore 交互设计师实习
美国卡内基梅隆CMU交互设计专业MDes研究生
本科毕业于清华大学美术学院
CMU: 美国Top1交互设计院校

吴升知是一位交互设计师和新媒体艺术家。暑期在Google AR(增强现实)设计团队作为用户体验设计师实习,为下一代AR/MR用户界面定义交互设计原则和最佳实践。2019年将正式入职谷歌Google ARCore UX部门。

他曾领导设计团队在三个月内打造百万级用户区块链游戏App“哈希世界”。他的艺术作品也曾在中央美术学院美术馆、今日美术馆、原典美术馆等多个美术馆和画廊展出和收藏,并于2012年获得英国约翰莫尔艺术评论奖。

导师作品
http://www.wushengzhi.xyz/

 

5G时代来了,AR 将成为下个爆发点

Lizzie(在职人士): 

虽然课程很紧凑,但头脑中对代码讲解部分有了初步的了解。

馄饨(在职人士):

认识了很多同龄人,大家都在学习新知识的感觉真棒啊,工作以后遇到很多挑战,因为这门课感觉又充满希望,坚持做自己想做的事!

#兰(学生):

因为我算半路出家的交互设计,很多前期准备的东西知道的都不完全,通过老师讲授了解了很多调研方法啊,这对于我目前想做的项目前期有很大的帮助,算是让我理清了自己的思路,我觉得很好。

jiawei(学生):

因为是第一次接触unity会比较容易放弃。中间出现了很多不可预料的问题,但是把这些问题一步步解决了后心里真的很爽快。以及有AR进阶玩法衔接性的课程也很不错。

古方家(在职人士):拓展了视野

李雨佳(学生):每节课都有不一样的收获,感谢升知老师!!!

DUN(在职人士):老师在讲代码逻辑和一些细微操作的时候十分耐心,关键是会教学习方法和自主解决问题的办法,让我自己动手操作的时候大部分可以自己解决问题…做梦都想起gameObject.getComponent();!


5G时代来了,AR 将成为下个爆发点

卡内基梅隆大学(CMU)的交互设计专业常年排名全美TOP 1,对申请者的要求极高,特别是MDes这个学位,目前被认定为交互设计领域的最高学历。

CMU的交互设计专业框架分成3个方向:

Design For Service 服务设计, 

Design For Social Innovation 社会创新设计, 

Transition Design过渡设计。 

CMU非常注重学生的实践能力,基本上每个学期都是在做项目。而交互设计更多的是在于人与人之间的联系,所以采用学生汇报的方式来让大家深刻了解作品。

 谁适合学

  • 想结合自己专业,毕设做个AR作品的同学;

  • 有设计相关背景,如:交互、平面、工业、建筑,艺术等;

  • 对未来交互设计AR 交互感兴趣。

你的疑惑,这个有答案:

 课程结束 

 能做出什么样的作品? 

最终实现一个完整的可交互手机AR项目。课程会与同学自身背景和特点相结合,教给同学如何实现AR海报和书籍设计,工业/产品/建筑设计展示,AR交互艺术和互动游戏设计等。

 需要什么设备上课?

同学只需要有 Android 或苹果任何一种兼容机型即可,课程会覆盖两种机型的 Unity 原型设计开发,但除了最初的开发环境设置,后面设计开发流程两者并无太大差异。

 完成课程,能学到什么?

最系统的交互设计流程和方法

    • 课程将完整介绍CMU(美国卡内基梅隆大学,交互设计全美第一)的交互设计的基本流程和方法,帮助同学建立系统的交互设计方法论。

AR设计软件(包含Unity)开发技能

    • 带领同学了解AR行业趋势,讲解AR设计原则,方法和流程,Unity是目前最主流的AR设计和开发工具,课程将会从入门开始讲解使用Unity设计开发AR应用的技术,即便没有编程背景的同学也能掌握实现有创意交互的编程技巧。

一个完整作品的创作流程

      • 在上完课程之后,同学们不仅可以跟随课程完成一件完整AR设计和原型项目,也可以启发同学设计出有趣的作品集项目,例如把现有的设计项目(如毕业设计)加入更生动的AR概念。

 

5G时代来了,AR 将成为下个爆发点

报名入口

                 5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

5G时代来了,AR 将成为下个爆发点

以上课程产品内容,最终解释权归最毕设所有

发表评论

电子邮件地址不会被公开。 必填项已用*标注