专栏名称: IXDC
IxDC由广州美术学院设计学院、香港理工大学设计学院、网易、腾讯、华为、中国电信、中国移动、金山等单位联合发起。是全国第一个受政府认可和领导的交互设计专业委员会,致力于引领中国交互设计行业发展。
目录
相关文章推荐
军武次位面  ·  德国人的奇思妙想:“蝗虫”10自行火炮 ·  2 天前  
火石创造  ·  福利 | ... ·  4 天前  
丁香园  ·  取消用药限制,本月起实行! ·  4 天前  
51好读  ›  专栏  ›  IXDC

设计师已经开始戴着Vision Pro上班了?

IXDC  · 公众号  ·  · 2024-05-06 08:30

正文

本文授权转自:飞猪设计 (ID:gh_0f31a6184553


“Mac将我们带入个人计算时代;iPhone将我们带入移动计算时代;Apple Vision Pro将带我们进入空间计算时代。” —— WWDC 2023

Apple Vision Pro 作为一款可能带来设计交互体验变革的创新产品,自从去年在发布会上正式问世,就已引起行业内各设计师的关注。 飞猪设计师也很早就开始期待这款产品。

在年初其正式发售后,我们便很快入手并体验了真机。 了一星期的 Vision Pro摸鱼上班 (bushi) ,提前感受了一把传说中的 空间计算时代,本篇文章,我们从设计师角度为大家带来一些关于Vision Pro的探讨。


让我们来简单了解一下Apple Vision Pro(以下简称 VP ),我们很难局限地定义它为VR或AR设备,它在官方的定义中是 可穿戴式的空间计算设备。


空间计算 ,融合XR、3D图形、计算机视觉、物联网传感和体感输入等多元技术,并借助AIGC生成内容,实现虚拟与现实世界的高度一体化。用户通过可穿戴设备如头显、眼镜等接入空间操作系统,能够直接与数字环境互动,以沉浸式体验实现如同亲临其境的在场效果。 “用户佩戴 Apple Vision Pro 时会进入无边际的 3D 空间,在这里他们可以与你的 App 或游戏交互,同时与周围环境保持联系。”

Vison OS设计系统将自己定义为 Spatial Design空间设计 。我们体验了当前大部分Apple Vision Pro的应用,发现许多应用只是单纯从iPhone等平台做了迁移,本身的设计并没有去发挥设备的亮点,并不算是重新进行了“空间设计”。甚至某些应用的业务场景本身,对用户来说也不需要戴着这么重的设备去使用。

而有那么一些亮点设计应用案例,则是在原先的App框架上又针对Vision Pro的空间画布、沉浸式浏览等亮点功能进行了设计升级,给我们带来了比较新奇的体验。本篇文章,我们将会结合一些设计师可以关注的VP亮点功能,为大家分享这些设计案例。


值得关注的亮点设计案例


1、眼和手的简洁交互方式


VP通过你的视线进行追踪选择对象,视线追踪非常灵敏,基本感受不到什么延迟,使用手指捏拢进行点击、拖拽等交互,手不需要时刻高高抬起,较为轻松。

「AirDraw」空间绘画App ,巧妙地使用了 左手追踪 来放置绘画的工具栏,工具栏随着左手的空间移动而相应变化, 右手捏合 进行绘画。体验这款应用的时候,我们立刻就联想到到现实世界绘画时,左手拿画板右手拿画笔的真实体验。应用商店里还有一款类似的应用叫「Spatial Paint」,也有一些不带压感的涂鸦画画应用。


这些绘画应用,当前都没有达到可以作为专业的三维或绘画生产力工具的程度,毕竟对于绘画来说,只靠当前的交互方式是捕捉不到压感变化的。

三维生产工具则工具栏非常复杂,我们以往在电脑上操作时都需要键盘快捷键+鼠标组合,难以想象这里使用眼睛+双指会是多么困难。 不过VP可以拿来做建模模型效果实时预览,在下文会再提到。

或许在未来,VP上会有设计生产力工具类应用诞生,期待它会是怎么样的形态。

「JigSpace」科普类产品展示App, 其中有大量可拆分的三维模型,包括一些工程模型、医学解剖模型等,它巧用了 长捏合 拆分模型 、捏合拖拽 拆分模型、 双手捏和拉拽 缩放等方式与模型产生各种交互,配合我们佩戴者观看视角的改变,能方便地了解一个物件内部的机械结构和运行原理。


打字输入的场景 中,我们发现直接用手指触碰按钮会比较高效。若用目视+手指捏拢方式输入则会非常麻烦。当然,你也可以选择直接用语音输入。我们体验下来,进行大段信息输入的办公体验并不是很好。


我们也了解了VP上一些 游戏类App 。我们所期待的 VR游戏大作是很震撼的,但是目前VP上主要是 简单的交互的 休闲小游戏, 毕竟所支持的手势较简单,如果不搭配手柄等设备,很难进行稍微复杂一些的操控。

如果发展大型游戏,以现在VP的渲染技术需要承载许多复杂的计算,可能比较难发挥游戏引擎本身的优势。不过总体而言, 我们还是非常期待 游戏领域应用前景的。



2、虚拟和现实的高度融合


不论是投射在真实环境中的磨砂玻璃风格UI组件,还是结合真实环境查看的AR模型,呈现出来的虚拟与现实都融合得非常自然。Vision OS体系的窗口都带了非常细腻的物理磨砂玻璃质感,并会模拟投影在你的真实环境中,还带有前景遮挡。

另外,在VP里,一些AR三维模型甚至会与你周围的环境光线发生交互,模拟真实的光影效果。一般大部分AR三维模型是把高光反射、阴影等所有的通道一起烘焙在物体表面贴图上,如何改变视角其表面颜色都不会改变,因此会比较“假”一些。

在VP里体验 「JigSpace」 App的AR赛车时,我们就能比较明显看出光影的动态变化。我们体验下来在当前VP的AR效果里, 这个赛车与环境的融合度是 最好的。可以看到图片中表面高光在随着我们视角的变化而改变。


在VP里使用 「Polycam」模型预览App 查看AR三维模型时,也能看出真实环境中的平面能接收到虚拟物体带来的阴影,使其与环境更加融合。

真实环境部分的图像,实际上则是由VP的摄像头传送到显示屏上的,虽然基本没有什么延迟,但会存在一些噪点,带来一些不真实感。且看1m内的近处基本无法看清,因此戴着VP时无法看手机。或许下一代产品会针对此点进行改善,但整体来说,它当前的虚拟现实融合效果已经相当不错。

3、无限空间,为界面设计带来创意发挥空间


我们将不再局限于“一块有限的平面的屏幕,或一个局限于真实物理世界的某个物体”来承载自己的设计。VP提供了无限空间,方便我们在其中查看平面、3D、空间等各类内容,为界面设计带来了无限可能性。有许多应用已经开始发挥创意,设计出有趣的界面和交互。

「Art Authority Museum」艺术作品欣赏App, 设计了空间画布中一种 水平环绕式 的窗口分布样式。由于展示空间是在无限的立体空间中的,在VP中去拖拽窗口时本身会始终朝向观者,而这种大量图片信息内容一字排开直接设计成环绕式,观看体验更好。


「Spatial Noise: White Sounds」一款白噪音App ,可以通过在空间画布中拖拽白噪音音轨窗口的分布位置,实时影响我们耳朵里所听到的空间音频,如把A窗口慢慢移到左边,我们就会听到这个A声音慢慢变成从左边传来。窗口分布 以观者为中心,进行了球状展开 ,遍布在空间中,这种设计与App本身的体验内容也相关联,十分巧妙。


「Seasons」天气类App ,除了窗口面片外,VP空间画布的另一个亮点是3D元素的使用。这款App全面利用了空间画布,设计了下雨、飘雪、落叶等天气和季节相关的三维粒子系统,实际佩戴体验时,由于VP对3d物体是有立体显示效果的,这些雪花和雨点粒子仿佛真的在你眼前落下。抛开是否有必要特地用Vision Pro去看天气预报不论,与iPhone上原生的天气应用仅在背景上去做一些天气氛围相比,这种在空间里做文章所带来的沉浸感完全是不一样的。


体育类App ,当前我们体验了 「Red Bull TV」、「PGA Tour」 等应用,它们都会展示赛事的场地3D模型,像沙盘一样放置在观者眼前,让观众多了一个方式去了解这项运动。 这里我们放的图例是油管上比较火的 f1比赛demo ,其中呈现的形态会更加接近我们认为理想的形式,场地模型与赛况有着实时关联,而不单纯是一个三维模型展示。不过这个demo当前还没有真正上架到AppStore。据说NBA赛事也会搬到VP上,相信未来还会有大量精彩的体育类应用被开发出来。



「iDaily World」新闻资讯类App ,界面也巧用了克制而不喧宾夺主的3d元素——地球,与环球类新闻的业务内容相呼应。在我们查看不同的新闻时,界面左上角的小地球会转到新闻发生的地区,我们也可以手动旋转模型查看不同新闻。



「Space Vision」天文科普类App ,也使用了星球元素,它在窗口里面设置了3D物体,太阳系的各大行星和卫星逐一被展示出来。在窗口中的星球3D模型也可以被拽到面前进行交互。

「StockX」购物类应用, 在一些手机购物类应用中,我们已经体验过与商品模型的交互,而在VP里,我们还可以在真实环境中与模型交互。如,把它放置在眼前查看细节、摆放在家中查看效果(很适合家居类商品),也有一些AR试穿鞋子的demo,带来未来关于服装虚拟试穿场景的想象。


「djay」音乐类打碟App ,把功能齐全的DJ 系统放置在空间画布中,你可以在一组虚拟的3D转盘上,通过移动唱针进行不同节拍的混音制作。也可以选择是在床上打DJ,还是坐在海边练习钢琴曲。还能通过手和眼捏合拖拽,选不同的唱片来播放。


「Shapr3D」 设计工具应用,它是一款在电脑端操作的的CAD三维建模工具,我们需要在PC上去操作3D模型,利用VP来做实时模型预览。它目前还没有上架在应用商店,我们申请了demo内测,会在通过后真实体验一下。

Shapr3d 官网Demo


不知道Blender、C4D会不会也出这种实时模型浏览应用,目前,如果需要用VP查看Blender和C4D的模型,需要先烘焙材质贴图,再导出为gltf格式,导入到专门的模型浏览平台「Polycam」中查看,整个工作流还是比较麻烦复杂的。

4、身临其境的沉浸感

VP沉浸式感官体验包含了空间视频\照片、全景360或180图片视频。虽然其他头显也有全景或双目视差立体感的体验,但VP的单眼4k显示屏提供的清晰、逼真视觉效果与其他的头显难以比较。 沉浸式的体验,非常适合用在 影视、冥想、尖峰体验等偏体验类的场景

「Sky Guide」 天文科普类应用。许多对观星感兴趣的朋友可能早就用过手机版的Sky Guide,通过转动手机屏幕来看到不同角度的星空。而在进入VP版沉浸空间的一瞬间,我们就从现实穿梭进被满天繁星笼罩的世界,伴随着宁静的音乐,在静谧的山谷或一望无际的水面上探索星座知识。这种沉浸感让它已不再单纯是一款科普应用,而可以随时随地仰望星空,发现宇宙的浪漫。


我们还体验了VP自带的360°全景环境,以及APPLE TV里Immersive Video合集的180°空间视频,加上空间音频的加持,感受到了真正置身其中的震撼。我们 仿佛






请到「今天看啥」查看全文