Apple Vision Pro 正在彻底改变设计师构思和创建数字产品的方式。它将画布从二维屏幕的局限扩展到无限的三维空间。
设计师一直追求将设计功能与美学无缝融入周围环境和自然之中。而一款能够将数字产品与现实世界连接的设备,将这一理念推向了全新的高度。
如果你想了解如何为 Apple Vision Pro 进行设计,你来对地方了——继续阅读!
核心设计原则
空间
我们终于不再受限于屏幕平面和尺寸约束,拥有了为 Apple Vision Pro 设计的无限画布。这为创造前所未有的沉浸式体验打开了大门。Apple Vision Pro 能够将用户带入不同的场景,模糊数字与现实之间的界限。
在国内空间计算领域,PICO(字节跳动旗下)、Rokid、若琪等厂商正在积极探索类似的无边界设计理念。若琪推出的 Air 系列 AR 眼镜 Rokid Air Pro,以及 Rokid Station 空间计算单元,代表了国内厂商在空间交互领域的最新尝试。从 2D 界面到 3D 空间的转变,是设计范式的根本性升级,对国内设计师而言既是挑战也是机遇。
沉浸度
Apple Vision Pro 为用户引入了三种不同的沉浸层级。
共享空间允许用户在多个窗口之间切换,类似于二维用户界面,同时保留对周围环境的视野。
完整空间允许完全沉浸,隐藏其他应用、内容和周围环境,让用户深度沉浸于数字内容中。第三种沉浸层级介于完整和共享之间,平衡现实与数字世界。
在国内 VR/AR 产品中,PICO 4 Ultra 的透视模式与 Apple 的共享空间概念相似,允许用户在虚拟内容与现实环境之间切换。华为 VR Glass 则采用了更轻量级的空间体验设计,适合国内用户对便携性的需求。
透视
透视层级允许用户控制沉浸程度,以及佩戴 Apple Vision Pro 时能看到多少周围环境。它通过数码旋钮(Digital Crown)进行控制——这是一个物理旋钮,可以改变用户看到实际周围环境的程度。
在国内产品中,PICO 4 Ultra 通过系统导航栏一键切换沉浸和透视模式,操作逻辑与 Apple 略有不同。Rokid Studio 则采用了语音和手势结合的透视控制方式,更符合国内用户的交互习惯。
输入方式
要掌握如何为 Apple Vision Pro 进行设计,首先需要了解它如何收集输入。输入通过直接手势和间接手势来收集。
用户通过注视某个元素并执行手指捏合或闭合来完成间接手势,相当于传统界面的”点击”操作。
此外,用户通过伸出手用手指”触摸”虚拟对象来完成直接手势。
Apple Vision Pro 拥有极少数不需要外部硬件(如鼠标、键盘或屏幕)进行输入的界面之一。这种纯手势交互在国内 AR/VR 产品中正在逐步普及。Rokid 全系列支持语音交互,国内用户可以通过”若琪,打开 XXX”这样的语音指令完成操作,这种多模态交互方式更符合国内使用场景。
人体工学
在持续屏幕交互的场景下,保持视觉舒适度是理解如何为 Apple Vision Pro 进行设计的重中之重。Apple Vision Pro 会根据用户头部位置和高度自动适配内容位置,所以你无需担心这部分设计。
在国内 VR 产品的设计实践中,PICO 4 Ultra 整机重量仅约 580g,采用前后平衡式设计,佩戴舒适度大幅提升。若琪 Rokid Air Pro 整机重量约 83g,属于国内最轻便的 AR 眼镜之一。这些人体工学优化都在减少用户长时间使用带来的视觉疲劳。
最佳实践
保持在视野范围内
要成功为 Apple Vision Pro 进行设计,应优先将重要内容放置在视野中心区域,以实现最佳视觉舒适度。与其将内容锚定在用户头部,不如将其锚定在周围空间,以营造更自然直观的观看体验。将内容固定在用户面部前方可能引发压迫感和不适感。
这一原则在国内空间计算设计中同样适用。无论是在 PICO 还是 Rokid 等 XR 设备上,内容的位置都应遵循”用户舒适区”理念,避免过度偏移导致颈部疲劳。国内设计师在设计 XR 界面时,通常将内容放置在双眼视野中央 30 度至 60 度范围内,这是经过大量国内用户测试验证的舒适区间。
增加深度
要为 Apple Vision Pro 创建高质量设计并提升用户体验,应策略性地整合深度,重点关注增加价值、清晰度或愉悦感。Apple Vision Pro 系统通过色彩、温度、反光和阴影等视觉线索,自动为二维窗口和组件增加深度。
visionOS 窗口采用不可修改的磨砂玻璃材质背景,让光线以及物理和虚拟对象能够穿透显示。
然而,你仍需要从设计端深思熟虑视觉线索的运用。使用深度来传达层级关系。例如,如果一个窗口出现在另一个窗口前方,沿 Z 轴后移背景窗口以传达降级处理。同样地,沿 Z 轴前移按钮或其他交互元素,帮助它们脱颖而出。
最后,避免为文字添加深度效果。
在国内电商场景中,淘宝、京东已推出 AR 试穿、AR 试妆等功能,利用深度信息实现虚拟物体与真实环境的融合。国内设计师在设计这类 AR 交互时,同样需要遵循深度层级原则,确保虚拟内容的空间位置符合用户心理预期。
利用空间体积
在为 Apple Vision Pro 创建设计时,记得利用空间体积来展示三维内容。通常建议设计师使用窗口来呈现典型的二维内容,如电子邮件收件箱。同时建议使用空间体积来展示三维内容,如地球仪、运动鞋模型、棋盘游戏或其他任何以接近现实形态展示效果更佳的对象。
国内设计师在为 XR 设备设计 3D 内容时,可以借鉴这一思路。在国内电商场景中,用空间体积展示商品的 3D 模型,让用户从各个角度观察产品细节。小红书和抖音已开始探索 AR 商品展示功能,让用户能够 360 度查看商品模型,提升购买转化率。
在教育场景中,讯飞幻境等国内 AR/VR 教育平台利用空间体积展示教学模型,如化学分子结构、人体器官模型等,让学生能够直观理解复杂概念。
定义缩放比例
动态缩放会根据窗口与观看者的距离动态调整窗口大小,确保在不同距离下保持一致的可用性。它最适合典型的用户界面对象,如视频播放器。
相反,固定缩放无论与观看者的距离如何都保持对象大小不变,模拟物理对象的行为。固定缩放最适合非交互对象或模仿其物理对应物的对象。
Apple Vision Pro 设计可以根据用户视角的距离动态缩放,也可以保持固定比例,模拟真实物体。
在国内 XR 产品中,PICO 4 Ultra 的全景屏工作台支持多窗口自由缩放和布局,用户可以在真实空间中调节虚拟屏幕的大小和位置。若琪 Rokid Station 则针对不同使用场景预设了多种缩放模式,如影院模式、工作模式等。
留白很重要
间接手势要求用户注视他们想要交互的界面部分。注视时,界面会显示悬停状态。为确保流畅交互,创建设计时应预留充足的留白。这种留白让系统能够准确识别用户正在关注的界面区域,从而促进舒适的选取和交互。
这一原则与国内主流设计体系(如 Ant Design、Arco Design)中对组件间距和留白的重视一脉相承。在空间计算时代,留白不再是视觉美学的选择,而是交互准确性的刚需。
国内设计师在设计 XR 界面时,通常会采用更大的触控目标和间隔。以 PICO 4 Ultra 为例,系统推荐的可交互元素最小尺寸为 44pt×44pt,远大于手机端的最小触控区域,这种设计考虑到了空间交互中手势识别的精度限制。
圆角交互元素
遵循人机界面指南(HIG)关于使用圆角交互元素的建议。人的眼睛往往会被锐利的角落吸引。圆角元素没有这种焦点,促使用户将视线集中在中心。这种聚焦使系统能够轻松识别用户正在注视的确切组件,减少误触激活并提升可用性。
圆角设计在国内 UI 设计中已成为默认规范。Ant Design 移动端组件库、Arco Design Mobile 等国内主流设计体系都采用了统一的圆角规范。Apple 的这一建议与国内设计实践高度契合,也意味着设计师无需为空间计算重新学习基础原则。
选择恰当的手势
设计交互时,优先使用间接手势以实现最佳用户体验。间接手势允许与任意距离的对象进行交互,促进易用性。直接手势适合近距离对象,但如果频繁使用,可能让用户感到疲劳。
如果想成功为 Apple Vision Pro 进行设计,请将直接手势保留给需要操控或检查的对象,确保用户付出最少的体力消耗。
在国内市场,语音交互是重要补充。国内用户对语音助手的接受度较高,讯飞语音输入在国内 App 中的渗透率很高。在设计 XR 交互时,可以考虑将部分高频操作(如播放/暂停、调节音量)设计为语音指令,降低手势操作的负担。
使用装饰元素处理重要操作
装饰元素是略微漂浮在关联窗口或对象前方的界面部分。装饰元素随对象一起移动,保持相对位置。装饰元素通常承载按钮、标签和分段控制器等交互元素。整合装饰元素时,优先考虑频繁使用的控件。
确保它们易于识别且醒目展示。虽然某些情况下可能需要多个装饰元素,但应保持布局整洁,并考虑省略非关键操作或信息的装饰元素。
此外,如果要为 Apple Vision Pro 交付高质量设计,应保持视觉一致性,并确保装饰元素宽度等于或窄于关联窗口。
考虑不同的沉浸层级
如前所述,用户可以在共享空间和完整空间之间切换,具体取决于偏好的沉浸程度和透视程度。所有为 Apple Vision Pro 进行的设计都应涵盖这两种沉浸层级。策略性地评估用户流程中每个部分所需的沉浸层级,并提供维持安全性和便利性的最低沉浸度。
应用启动应在共享空间中进行。旨在完成任务的用户流程部分通常也最适合窗口化、以界面为中心的视图,因为这有助于无缝完成任务。将有意义的内容、体验和关键时刻保留给完整沉浸,同时始终提供从完整空间体验中轻松退出的方式。
在国内视频平台的设计中,爱奇艺、优酷等已推出大屏观影模式,将内容呈现与界面操作分离,让用户在沉浸式观影和功能性操作之间平滑切换。这种设计思路与 Apple 的沉浸层级理念一致。
谨慎使用动效
微妙而有意识地使用动效来提升用户体验,而不让其喧宾夺主。避免将动效纳入频繁发生的操作和交互中,因为操作系统已经在预置组件中包含微妙的动画效果。
在实现旋转运动和其他可能干扰用户空间定向的操作时要深思熟虑。避免过度动态的动效,以免突然和不愉快的效果压倒用户感官。如果 Apple Vision Pro 的设计包含大量视觉动效的体验,请确保存在静止的参考框架以保持用户的空间定向感。
国内设计师在使用国内 XR 设备时,应注意控制动效的幅度和频率。国内用户普遍偏好克制的动效设计,过度华丽的转场动画可能被视为”华而不实”。
让体验具备社交属性
Apple Vision Pro 允许他人在用户视野中看到用户正在与哪些内容交互。设计时应考虑这种社交可见性,确保用户的交互不会让旁观者感到困惑或不舒服。
在国内,XR 设备的社交化体验是产品差异化的重要方向。PICO 4 Ultra 支持多人同时使用的场景,用户可以在同一直间内看到彼此的虚拟形象并互动。抖音和微信也在探索 XR 社交场景,如虚拟聚会、AR 滤镜等。
设计时需要考虑多用户同时参与的交互逻辑,确保每个用户的操作不会干扰他人的体验。
尊重用户的个人空间
Apple Vision Pro 的设计应该尊重用户的个人空间边界。避免将内容放置得离用户太近或突然出现在用户面前,这可能引发不适感。内容应以自然、渐进的方式出现。
在国内设计实践中,VR 心理辅导、VR 社交等场景对”个人空间”的尊重尤为重要。突然出现的虚拟人物或内容可能引发用户的恐惧反应(被称为”恐怖谷效应”),国内设计师需要通过测试验证内容的呈现方式是否会引起用户不适。
测试你的设计
在真实设备或模拟器上测试设计至关重要。空间计算的交互逻辑与传统界面截然不同,许多在二维屏幕上看起来合理的设计,在三维空间中可能完全不可用。
建议尽早使用 visionOS 模拟器进行原型测试,并邀请真实用户参与可用性测试,收集反馈并持续迭代。
在国内,Rokid、若琪等厂商也提供各自的开发者模拟器和测试工具,国内设计师可以先在模拟器中验证交互逻辑,再在真机上进行详细测试。PICO 也推出了企业级 XR 设计测试服务,帮助国内企业验证 XR 产品的用户体验。
结语
Apple Vision Pro 代表了空间计算的新纪元。从二维到三维的转变不仅是屏幕大小的扩展,更是交互范式的根本性变革。
掌握空间、沉浸度、透视和手势这四大核心原则,遵循留白、圆角、深度和动效等最佳实践,你就能为 Apple Vision Pro 创造出既优雅又实用的用户体验。
国内的空间计算生态正在快速发展,PICO、Rokid、华为等厂商持续推出新品,抖音、小红书等平台也在探索 XR 内容的呈现方式。作为设计师,提前理解和掌握空间设计的核心原则,将为未来的职业发展积累宝贵的经验。
想了解色彩在设计中的应用?阅读《UX 设计中的色彩心理学》,深入理解色彩对用户行为的影响。
想学习界面微文案的写作技巧?阅读《UI 界面微文案写作指南》,掌握提升用户体验的文案方法。
想了解设计系统中的色彩管理?阅读《设计系统中的色彩管理》,掌握构建专业色彩体系的方法。