visionOS Spatial Design

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

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

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

辞典词条

适用场景: 把为 iPad 做的画面重新组织，使它作为浮在实景之上的板子仍然可读时；把产品的立体模型按实际尺寸展示，作为没有边框的 volume 放进空间里时
字体: 用 SF Pro，正文和标题选比其他平台更粗的一级。文字颜色默认用白色，文字本身不做出厚度。系在空间某一点上的名牌始终转向观看的人。
版面: 以 1280x720 pt 为起点，按内容的形状确定长宽比。操作元素周围留出 16pt 以上的空白，中心之间至少相隔 60pt。最小和最大的尺寸一定要事先定好。
材料: 背景保持玻璃不动。深度靠阴影、镜面反射和色温做出，不落在文字上。放进窗口的立体保持浅，需要厚度的东西移到 volume 里。
注意: 把玻璃换成不透明的颜色，元素之间的整体感就没了，文字变得难读，而且看不见背后的环境，窗口本身也显得沉重。
延伸阅读: HIG の windows と spatial layout を読み、点を角度で定義することが版面設計に何をもたらすか確かめる / 画像と説明文をひとつの操作対象にまとめるとき、ホバー効果を当てる領域をどう定義しているか / 1280x720 pt の窓を2メートル先に置いたときの実際の見かけの大きさを測る

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

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>