关于 hig-platforms
为 Apple 平台应用设计提供 HIG 参考的技能,面向需要适配 iOS、iPadOS、macOS 等平台的设计与开发工作。它强调依据各平台的交互方式调整设计,而非直接移植界面。
主要功能
- 01区分 Apple 平台的设计规范
- 02提供各平台设计参考索引
- 03按使用场景选择交互方式
- 04输出平台差异表与实现建议
适用场景
- 01为多平台应用规划导航与布局
- 02将现有应用界面适配到另一平台
- 03按设备输入方式调整交互设计
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ raintree-technology/ hig-doctor --skill hig-platforms安装后在 Claude Code 中输入/hig-platforms确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
references/designing-for-games.mddesigning-for-ios.mddesigning-for-ipados.mddesigning-for-macos.mddesigning-for-tvos.mddesigning-for-visionos.mddesigning-for-watchos.md详细介绍
Apple HIG:平台设计
在提问前,先检查 .claude/apple-design-context.md。使用已有上下文,只询问尚未涵盖的信息。
核心原则
-
每个平台都有独特的身份。 不要在各平台之间移植设计。尊重每个平台的惯例、交互模型和用户预期。
-
iOS:触控优先。 在手持屏幕上直接操作。针对单手使用进行优化。导航使用标签栏和 push/pop 栈。
-
iPadOS:扩展画布。 支持 Split View、Slide Over 和 Stage Manager。使用侧边栏和多栏布局。在触控之外支持指针和键盘。
-
macOS:指针和键盘。 可以接受高密度信息展示。广泛使用菜单栏、工具栏和键盘快捷键。窗口可调整大小并具备精确控制。
-
tvOS:遥控器和焦点。 从远处观看。针对 Siri Remote 进行设计,采用基于焦点的导航。大号文本、简洁布局、线性导航。
-
visionOS:空间交互。 使用窗口、体积和空间构成的 3D 环境。通过眼动追踪进行定位,通过间接手势进行交互。尊重人体工学舒适区。
-
watchOS:一瞥即得且简短。 信息可一瞥即消费。交互简短。使用 Digital Crown、触觉反馈和复杂功能呈现及时内容。
-
游戏:自有范式。 可以自由定义游戏内交互模型,但仍需在系统交互(通知、辅助功能、控制器)方面尊重平台惯例。
参考索引
| 参考 | 主题 | 关键内容 |
|---|---|---|
| designing-for-ios.md | iOS | 触控、标签栏、导航栈、手势、屏幕尺寸、安全区域 |
| designing-for-ipados.md | iPadOS | 多任务、侧边栏、指针、键盘、Apple Pencil、Stage Manager |
| designing-for-macos.md | macOS | 菜单栏、工具栏、窗口管理、键盘快捷键、密集布局、Dock |
| designing-for-tvos.md | tvOS | 焦点引擎、Siri Remote、后仰式体验、内容优先、视差 |
| designing-for-visionos.md | visionOS | 空间计算、窗口/体积/空间、眼动追踪、手势、深度 |
| designing-for-watchos.md | watchOS | 一瞥即得 UI、Digital Crown、复杂功能、通知、触觉反馈 |
| designing-for-games.md | 游戏 | 控制器、沉浸式体验、平台特定惯例、辅助功能 |
决策框架
-
确定主要使用场景。 外出途中(iOS/watchOS)、在桌前(macOS)、在沙发上(tvOS)、空间环境(visionOS)?
-
将输入方式与交互相匹配。 触控用于直接操作,指针用于精确操作,注视+手势用于空间交互,Digital Crown 用于快速滚动,遥控器用于焦点导航。
-
适配,而非复制。 macOS 的侧边栏在 iPhone 上会变成标签栏。visionOS 的体积在 watchOS 上没有对应物。转换的是意图,而不是实现。
-
利用平台优势。 iOS 上的实时活动、macOS 上的桌面小组件、watchOS 上的复杂功能、visionOS 上的沉浸式空间。
-
保持品牌一致性,同时尊重每个平台的视觉语言和交互模式。
输出格式
- 平台特定建议,并引用相关 HIG 章节。
- 平台差异表,比较导航、输入、布局和惯例。
- 各平台的实现说明,包括推荐 API 和适配策略。
需要询问的问题
- 你面向哪些平台?
- 是新应用还是适配现有应用?如果是现有应用,以哪个平台为基础?
- SwiftUI 还是 UIKit/AppKit?
- 是否需要支持较旧的 OS 版本?
- 主要使用场景?(外出途中、桌前、沙发上、空间环境、一瞥即得?)
相关技能
- hig-foundations -- 适用于各个平台的共享原则(颜色、排版、无障碍性、布局)
- hig-patterns -- 在不同平台上呈现方式各异的交互模式
- hig-components-layout -- 随平台变化的导航结构(标签栏、侧边栏、分栏视图)
- hig-components-content -- 适配不同平台的内容展示
由 Raintree Technology 构建 · 更多开发者工具