
新媒易动态
NEWS CENTER
NEWS CENTER
2023-07-18
前几期和我们共享了一些visionOS规划亮点以及规划原则解读,有人说想看官方的UI规划规范,官方其实给出了,但涣散在其他体系规范中。
彩云把这些琐细的规划规范做一个汇总收拾,摘取其中最精华的部分与我们共享。这篇文章将会是未来必看的规划规范,文章算是今年以来写过最长的一篇(差不多有1.7万字)。
当你着手为 visionOS 规划 App 或游戏时,首先要了解该渠道特有的根本设备特征和形式。运用这些特征和形式来辅导你的规划决策,帮助你打造出赋有吸引力的沉溺式体会。
积极采用 Apple Vision Pro 的共同功用。充分运用空间、空间音频和沉溺来让你的体会身临其境,一起以让用户在设备上感到轻松天然的方法集成穿透、聚集和手势。
规划出现 App 中最共同时间的方法时,考虑整体的沉溺程度。你能够在以用户界面为中心的窗口式环境、全沉溺式环境或介于两者之间的某种环境中出现体会。为 App 中的每个关键时间找到最适合的最低沉溺程度,不要假定每个时间都需要彻底沉溺。
为以用户界面为中心的受限体会运用窗口。若要帮助用户履行规范任务,首选在空间中运用显现为平面并包含熟悉控件的规范窗口。在 visionOS 中,用户可将窗口重新放置在想要的任何方位,且体系的动态缩放可帮助坚持窗口内容不管远近都明晰易读。
优先考虑舒适性。若要帮助用户在与 App 或游戏交互时坚持舒适和身体放松,请记住以下根本原则。
上面是一些大的规划特征,下面会介绍一些根底的规划规则,便于做好详细的规划。
共18个分类,目录:
visionOS App 图标呈圆形,并包含一个布景层及其上方的一至两层,以生成在用户检查时会奇妙展开的三维目标。
体系经过添加暗影来表现各层之间的深度感并运用上层的 Alpha 通道打造浮凸感外观,以增强 App 图标的视觉维度。
为图标的布景层运用全幅不通明图画。相反,防止在非布景层中运用全幅图画。在非布景层中运用通明区域可让基层的视觉信息透过。
为每层供给正方形图画。体系会运用圆形遮罩裁剪 App 图标的所有层,因此供给已裁剪的层或许会对成果产生负面影响。
防止大面积运用半通明。尽管运用半通明像从来为形状消除锯齿效果不错,但大面积的半通明区域无法与 Alpha 很好交融,还或许跟体系供给的暗影结合产生黑色成果。除非要为形状消除锯齿,否则请坚持像素不通明或全通明。