SuperAPI AI 工具集

apple-design

设计与创作

查看项目

更新于 10-16 02:05

技能介绍

Apple Design 是一个面向 Apple 平台界面设计的参考技能,它把 Apple 官方设计资源(developer.apple.com/design/)整理为可直接使用的参考资料,用于为 iOS、iPadOS、macOS、watchOS、visionOS、tvOS 应用的界面设计与评审提供建议。

用途与定位

该技能用于在设计与评审 Apple 平台界面时,给出有官方依据的建议。它强调“有依据”与“猜测”的区分:任何具体数值、对比度、组件官方名称或 API 名称,要么来自该技能内的 references 文件或刚抓取的官方页面(有依据),要么来自训练记忆(猜测)。猜测必须标注为猜测,不能当作规格陈述。原因是 HIG 几乎每年在 WWDC 前后调整,2025 年 6 月以 Liquid Glass 替换了整套材质、图标与控件外观体系,因此训练记忆中的内容很可能已过时或跨平台混淆。当无法给出依据时,应说明并交给用户官方 URL。定性建议(如“保持主操作单手可达”)不需要这种处理,但数字、官方名称与规格需要。

HIG 的整体结构

官方 HIG 分为六个顶层部分,从抽象到具体:Getting started(设计原则及各平台概览);Foundations(贯穿界面的基础元素,如无障碍、App 图标、颜色、材质、排版、布局、SF Symbols、动效、隐私、深色模式等);Patterns(常见任务与体验的设计指导,如引导、搜索、撤销重做、多任务、模态、通知等);Components(系统组件,分为内容、布局与组织、菜单与操作、导航与搜索、呈现、选择与输入、状态、系统体验八个子类);Inputs(手势、Digital Crown、Apple Pencil、眼睛、游戏控制等输入方式);Technologies(Siri、Wallet、HealthKit、SharePlay 等特定 Apple 技术的集成)。完整站点地图与每个页面 URL 位于 references/hig-sitemap.md。

使用方式

该技能按三个分支组织。分支 A——设计新东西:先确定目标平台,因为人体工学、输入方式与组件惯例在各平台差异很大,在把 iPhone 假设套用到 Apple Watch 或 Vision Pro 前,应阅读 references/platforms.md 中相关部分;再判断是基础问题还是具体组件/模式问题,分别查阅对应参考文件;解释时说明“为什么”而不只是“是什么”,建议应基于 references/principles.md 中的设计原则或官方具体理由;需要产出设计文件或原型时,指向官方 UI Kits、字体、SF Symbols 与 Icon Composer,而不是让用户从零重画标准系统控件。分支 B——评审已有设计:按顺序走完 references/principles.md 中的八项原则,每项给出明确结论(符合/违反并指出具体元素/此处不适用),再针对评审涉及的规格(点击目标、字号、对比度、安全区域)对照 references/accessibility.md 与 references/layout.md 检查。分支 C——查询单一事实:先查参考索引,摘要未覆盖时再打开 references/hig-sitemap.md 中对应 URL。

获取 HIG 页面时需注意:这些页面是 JavaScript 渲染的单页应用,普通 WebFetch 常常只能抓到标题而非正文;若抓取结果异常短,应改用浏览器工具(navigate → 等待 1-2 秒 → get_page_text);若仍失败,把 URL 交给用户并说明内容未能获取。

八项设计原则(速览)

Purposes(先明确对人真正重要的事再决定怎么建);Agency(不挡路,让用户自由探索,降低犯错成本,如撤销与恢复);Responsibility(对用户数据与信任负责,对权限与数据使用保持透明);Familiarity(借用用户已知的概念,保持视觉与交互一致,降低学习曲线);Flexibility(无障碍是起点而非补丁,适配不同设备、输入方式与情境);Simplicity(只保留必要内容并建立清晰层级,简单不等于极简);Craft(每个细节都体现用心,持续打磨而非以上线为终点);Delight(明确想唤起的情感,但不要让愉悦盖过当前任务)。完整解释见 references/principles.md。

平台速览

iOS:移动中使用、单手操作、使用碎片化;主要导航为浮动标签栏(Liquid Glass);输入以多点触控、语音为主。iPadOS:大屏生产力与创作、多任务;标签栏与侧边栏自适应切换;输入为触控、外接键盘/触控板、Apple Pencil。macOS:长时间专注工作、多窗口;菜单栏加侧边栏;输入以键盘、指点设备为主。watchOS:腕上瞥一眼即走、亚分钟级交互;Digital Crown 导航;输入为 Digital Crown、操作按钮、简单手势。visionOS:空间计算、窗口漂浮在真实空间;浮动标签栏/侧边栏;输入为眼睛加间接/直接手势。tvOS 未在 references/platforms.md 中总结,相关问题需通过 references/hig-sitemap.md 抓取 designing-for-tvos;tvOS 规格见无障碍、排版与布局参考文件。

Liquid Glass 简介

该材质于 2025 年推出,面向控件与导航层(标签栏、侧边栏、工具栏),而非内容层。标准系统组件会自动采用;自定义组件应谨慎使用。它有两种变体:regular(保持可读性,适用于大多数情况)与 clear(强调下方丰富媒体背景的可见性)。默认无固有颜色,会从背后内容取色,因此应少用颜色,并优先给背景着色而非给其上的符号/文字着色。完整规则见 references/materials-color.md。

无障碍规格(节选,以 references/accessibility.md 为准)

默认文本大小:iOS/iPadOS 17pt,macOS 13pt,tvOS 29pt,watchOS 16pt,visionOS 17pt。最小文本大小:11pt、10pt、23pt、12pt、12pt。默认控件大小:44×44pt、28×28pt、66×66pt、44×44pt、60×60pt。最小控件大小:28×28pt、20×20pt、56×56pt、28×28pt、28×28pt(对应上述平台顺序)。文本对比度(≤17pt)为 4.5:1(WCAG AA),各平台相同。默认值是设计目标,最小值是下限;应把 44×44pt(iOS/iPadOS/watchOS)与 60×60pt(visionOS)作为控件应达到的尺寸,按钮指南也将其作为按钮的下限;更小的“最小控件大小”一栏是无障碍页面的绝对下界,不应作为设计目标交给用户。完整的无障碍指导(视觉、听觉、运动、语音、认知)见 references/accessibility.md。

参考文件索引

references/principles.md:八项设计原则的完整解释与应用方式。references/platforms.md:iOS/iPadOS/macOS/watchOS/visionOS 的设备特性、人体工学与最佳实践。references/materials-color.md:材质、Liquid Glass 与颜色系统的完整规则。references/typography-symbols.md:字体族、Dynamic Type 与 SF Symbols 的渲染模式/字重/动画。references/layout.md:视觉层级、尺寸类、安全区域、自适应。references/accessibility.md:权威规格表及五个无障碍维度的指导。references/components.md:按钮、标签栏、侧边栏、列表/表格、工具栏的最佳实践。references/app-icons.md:分层图标设计、Icon Composer 工作流、Liquid Glass 图标外观。references/patterns-gestures.md:手势设计原则、各平台标准手势、常见交互模式。references/resources.md:官方 UI Kits、字体、SF Symbols、Icon Composer 及其他下载。references/hig-sitemap.md:HIG 的完整 URL 索引,用于查找本技能未覆盖的内容。

关于引用官方内容的说明

HIG 文本版权归 Apple 所有。向用户解释时,应用自己的话转述核心规则与理由,而不是粘贴大段原文。当确切措辞很重要时(例如营销文案或接近法律用途的表述),应把官方 URL 交给用户,让其自行阅读来源,而不是在回复中逐字复制。

限制与注意事项

该技能是参考与建议工具,不包含具体收费、价格或平台支持信息,这些内容暂未提供;它不替代官方 HIG 原文,涉及确切数值或 API 名称时需以官方页面为准;其内容有效性依赖抓取时的官方资料,可能随 Apple 更新而过时。