SuperAPI AI 工具集
合作ENAI 行业资讯收藏
Skill 广场tvos-design-guidelines

tvos-design-guidelines

设计与创作

查看项目

更新于 10-13 20:08

技能介绍

用途

tvos-design-guidelines 是一份针对 Apple TV（tvOS）应用设计的 Apple Human Interface Guidelines 规范集合，来源于 ehmo/platform-design-skills 技能包。它用于指导开发者与设计师在构建 tvOS 应用时，遵循焦点驱动导航、Siri Remote 输入和客厅观看场景的设计约定。原文指出，Apple TV 是完全由焦点导航和 Siri Remote 驱动的客厅设备，没有指针、触屏和鼠标，每个设计决策都必须考虑 10 英尺观看距离、遥控器的简洁性以及电视消费的 lean-back 特性。

主要能力（规范覆盖的主题）

原文将规范划分为若干优先级分明的章节：

  1. 焦点导航（CRITICAL）：焦点系统是 tvOS 所有交互的基础。规则包括每个交互元素必须有清晰可见的焦点状态（FOCUS-01）；焦点移动必须可预测并遵循逻辑空间布局（FOCUS-02）；使用焦点引导（UIFocusGuide）桥接布局空隙（FOCUS-03）；对聚焦项应用视差效果（FOCUS-04）；焦点目标足够大，卡片推荐最小 250x150pt（FOCUS-05）；每个屏幕提供默认聚焦元素（FOCUS-06）；返回屏幕时保留焦点记忆（FOCUS-07）；绝不困住焦点（FOCUS-08）；降低重新定向成本（FOCUS-09）。原文还给出了视差图层参考（背景 1-2pt、中景 3-5pt、前景 5-8pt）以及 SwiftUI 正确与错误代码示例，并提到使用 Xcode 的 LSR 格式或通过焦点引擎回调驱动自定义视差。

  2. Siri Remote（CRITICAL）：Siri Remote 是主要且往往唯一的输入设备，具备触控表面、Menu 按钮、播放/暂停按钮、Siri/麦克风按钮、音量按钮和电源按钮。规则包括：触控表面滑动控制焦点移动、点击选择聚焦项（REMOTE-01）；Menu 按钮必须始终用于返回（REMOTE-02）；播放/暂停按钮必须控制媒体播放（REMOTE-03）；绝不要求复杂或多指手势（REMOTE-04）；滑动方向必须直观一致（REMOTE-05）；支持 Siri 语音输入用于搜索和文本输入（REMOTE-06）；提供点击反馈（REMOTE-07）；绝不把屏幕键盘作为唯一实用的文本输入路径（REMOTE-08）。

  3. 10 英尺 UI（HIGH）：Apple TV 内容通常从 8-12 英尺（2.5-3.5 米）外观看。规则包括：正文字号最小 29pt（DISTANCE-01）；保持高对比度（DISTANCE-02）；限制每屏文字量（DISTANCE-03）；使用高分辨率清晰图像（DISTANCE-04）；布局简单宽敞（DISTANCE-05）；使用 TV 安全区域（边缘内缩 60pt，DISTANCE-06）；避免细字体和发丝边框（DISTANCE-07）。原文还提供了字号参考表，如正文最小 29pt、推荐 31-35pt，标题最小 48pt、推荐 52-76pt 等。

  4. Top Shelf（HIGH）：Top Shelf 是用户在主屏幕聚焦应用图标时显示的突出内容区域。规则包括：提供 Top Shelf 扩展，使用 TVTopShelfContentProvider（tvOS 14+），TVTopShelfProvider 自 tvOS 14 起已弃用（SHELF-01）；为内容选择正确的布局样式，如 inset banner 或 sectioned content（SHELF-02）；Top Shelf 项目必须深度链接进入应用（SHELF-03）；使用高质量图像，原文建议 inset banner 为 1940x624pt(@1x) 或 3880x1248pt(@2x)，sectioned items 为 404x608pt(@1x)（SHELF-04）；保持 Top Shelf 内容新鲜（SHELF-05）。

  5. 媒体与播放（MEDIUM）：规则包括使用标准传输控件（MEDIA-01）；播放时下滑显示信息浮层（MEDIA-02）；支持通过触控表面拖动进度（MEDIA-03）；支持字幕和替代音轨（MEDIA-04）；在适当情况下支持画中画（MEDIA-05）；记住播放位置（MEDIA-06）；优雅处理中断（MEDIA-07）。

  6. 标签栏（MEDIUM）：tvOS 标签栏位于屏幕顶部。规则包括：标签栏放在屏幕顶部（TAB-01）；标签栏应半透明并覆盖内容（TAB-02）；使用 3-7 个标签（TAB-03）；每个标签必须有文字标签（TAB-04）；聚焦标签栏应感觉轻量（TAB-05）；跨应用启动记住所选标签（TAB-06）。

  7. 无障碍（CRITICAL）：Apple TV 支持 VoiceOver。规则包括：每个交互元素必须有有意义的无障碍标签（ACCESS-01）；为非显而易见的交互提供无障碍提示（ACCESS-02）；确保 VoiceOver 焦点顺序与视觉焦点顺序一致（ACCESS-03）；尊重“减弱动态效果”（ACCESS-04）；响应“粗体文本”（ACCESS-05）；响应“增强对比度”（ACCESS-06）；尊重动态字体/更大文字（ACCESS-07）。原文给出了 SwiftUI 与 UIKit 中正确与错误实现文字缩放的代码示例。

使用方式

原文提供了一份评估清单，用于审查 tvOS 应用设计或实现，分为焦点系统、Siri Remote、10 英尺 UI 等类别，逐条检查焦点状态、焦点移动、焦点陷阱、焦点引导、视差效果、默认焦点、焦点记忆、Menu 按钮返回、播放/暂停、复杂手势、点击反馈、Siri/听写、正文字号、对比度、文字简洁性、图像清晰度、间距与安全边距、字体粗细等。开发者和设计师可在构建或评审 tvOS 应用时对照使用。

适用场景

适用于构建 tvOS 应用、设计焦点导航、处理 Siri Remote 输入，或打造客厅观看体验的场景。原文描述明确提到“Use when building tvOS apps with focus-based navigation, Siri Remote input, or living room viewing experiences”。

限制

原文未说明该规范的授权方式、收费模式、价格、支持的平台或工具链版本要求。相关细节暂未提供。