苹果设计

技能简介

苹果设计（apple-hig）是遵循 Apple 人机界面指南（HIG）设计苹果平台应用的专业指南。涵盖 iOS、macOS、watchOS、tvOS 和 visionOS 的设计原则、模式、组件、排版、颜色、布局和导航规范。

能做什么

• 理解 Apple 核心设计原则：清晰、顺从、深度
• 获取各平台专用设计规范（iOS、macOS、watchOS、tvOS、visionOS）
• 使用 SF Symbols（6000+ 图标）和 San Francisco 字体
• 应用系统颜色（自适应浅色/深色模式）
• 遵循各平台导航模式和交互规范
• 支持动态类型和辅助功能

使用说明

安装 Skill：

通过 ClawHub 安装：

clawhub install apple-hig

核心设计原则：

清晰（Clarity）：文字清晰可读、图标精确明了、装饰适度、功能通过内容聚焦体现。

顺从（Deference）：内容填满屏幕，UI 保持简洁，使用半透明和模糊效果暗示更多内容，最小化边框、渐变和阴影。

深度（Depth）：视觉层级和逼真动作传达层次和活力，触摸和可发现性提升愉悦感，平滑过渡保持空间方向感。

平台特性：

iOS/iPadOS：触摸优先、横竖屏支持、安全区适配、手势操作（滑动、点击、长按、捏合）。使用 SF Pro 字体，支持动态类型。

macOS：鼠标/触控板/键盘交互、可调整窗口、顶部菜单栏、程序坞启动。使用 SF Pro，左侧窗口控制，侧边栏导航。

watchOS：一目了然的信息、快速交互、数码表冠、始终显示支持。使用 SF Compact（圆角系统字体）。

tvOS：10英尺观看距离、Siri 遥控器、焦点驱动导航、视差效果。大触摸目标（最小250pt），网格布局。

visionOS：空间计算环境、3D 深度和窗口、眼动追踪+手势、沉浸和窗口模式。玻璃材质、层叠设计。

SF Symbols 使用：

6000+ Apple 设计的图标，支持可变粗细（超细到粗体），多色/层级/调色板/单色渲染模式。

Swift 示例：Image(systemName: "star.fill")、Image(systemName: "heart.circle.fill")

参考文档：references/ios.md、references/macos.md、references/watchos.md、references/tvos.md、references/visionos.md

输入与输出

见下方输入与输出表格。

风险提示

• 设计指南会随 iOS/macOS 版本更新，注意查看最新规范
• SF Symbols 有版权限制，仅用于 Apple 平台应用
• 不同平台交互模式差异大，避免直接移植界面
• 辅助功能支持是审核要求，必须实现动态类型
• 原始页信息不足：缺少完整的代码示例和实现细节

来源信息

原始链接：https://github.com/openclaw/skills/tree/main/skills/kdbhalala/apple-hig/SKILL.md

来源类型：GitHub