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



快速判断
视觉特征
- 背景无法更换的直立玻璃面,实景透过来,上面落着镜面反射和阴影
- 默认窗口为 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
相关词条
- Liquid Glass (リキッドガラス)同属苹果 UI。比较visionOS Spatial Design与Liquid Glass
- Glassmorphism (グラスモーフィズム)共同感受:Futurity / Calm。比较visionOS Spatial Design与Glassmorphism
继续浏览苹果 UI
从苹果 UI中按共同感受优先推荐以下词条。
- Aqua (アクア)共同感受:Futurity。
- Brushed Metal (ブラシドメタル)共同感受:Technique。
- Platinum (プラチナ)共同感受:Technique。
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- 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>