visionOS Spatial Design

visionOS 空間デザイン / 2023– / 风格 / 苹果 UI

Apple 在面向 Vision Pro 的指南中确定的画面语言。窗口是一块用被称作玻璃的材质做成的直立平面,周围的实景可以透过去,镜面反射和阴影告诉人它放在哪里、有多大。点不是用像素而是用角度定义的,所以推远之后看上去的大小不变。

visionOS Spatial Design — visionOS 2 的主屏幕 2025 — Wikimedia Commons / CC0
visionOS 2 的主屏幕 2025 — Wikimedia Commons / CC0 · CC0
visionOS Spatial Design — visionOS 2 中叠加在实景上的应用窗口 2025 — Wikimedia Commons / CC0
visionOS 2 中叠加在实景上的应用窗口 2025 — Wikimedia Commons / CC0 · CC0
visionOS Spatial Design — visionOS 26 的控制中心 2025 — Wikimedia Commons / CC0
visionOS 26 的控制中心 2025 — Wikimedia Commons / CC0 · CC0

快速判断

视觉特征

  • 背景无法更换的直立玻璃面,实景透过来,上面落着镜面反射和阴影
  • 默认窗口为 1280x720 pt,打开时约在两米之外,看上去的宽度约三米
  • 只让看着的元素发亮的悬停效果,命中区域被收成一块圆角的整体
  • 没有边框的 volume 上,关闭按钮和窗口条会转向走过去的那一侧

适用场景

  • 把为 iPad 做的画面重新组织,使它作为浮在实景之上的板子仍然可读时
  • 把产品的立体模型按实际尺寸展示,作为没有边框的 volume 放进空间里时

使用这一风格

把简短指引带入项目,或将结构化规格交给AI工具。

详细方法与出处制作规则、真实案例、比较、研究与引用格式

辞典词条

字体
用 SF Pro,正文和标题选比其他平台更粗的一级。文字颜色默认用白色,文字本身不做出厚度。系在空间某一点上的名牌始终转向观看的人。
版面
以 1280x720 pt 为起点,按内容的形状确定长宽比。操作元素周围留出 16pt 以上的空白,中心之间至少相隔 60pt。最小和最大的尺寸一定要事先定好。
材料
背景保持玻璃不动。深度靠阴影、镜面反射和色温做出,不落在文字上。放进窗口的立体保持浅,需要厚度的东西移到 volume 里。
注意
把玻璃换成不透明的颜色,元素之间的整体感就没了,文字变得难读,而且看不见背后的环境,窗口本身也显得沉重。
延伸阅读
the windows and spatial layout sections of the HIG, and what defining a point as an angle does to page design / how the region a hover effect applies to is defined when an image and its caption are bound into one control / the actual apparent size of a 1280x720 pt window placed two metres away

相关词条

继续浏览苹果 UI

从苹果 UI中按共同感受优先推荐以下词条。

查看苹果 UI全部词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link
https://indexstyle.org/zh/styles/visionos-spatial
Markdown
[visionOS Spatial Design — IndexStyle](https://indexstyle.org/zh/styles/visionos-spatial)
HTML
<a href="https://indexstyle.org/zh/styles/visionos-spatial">visionOS Spatial Design — IndexStyle</a>

返回索引中的位置