利用 Apple HIG 规范优化导航与搜索组件设计 #

解决 UI 设计中的一致性问题：通过集成 Apple 人机交互指南（HIG），让 AI 能够准确地为你推荐搜索字段、分页控制或路径控制组件，并提供符合平台特性的行为规范。

为什么需要这个技能 #

在开发 iOS 或 macOS 应用时，随意地放置搜索框或分页点往往会导致用户体验不统一，甚至违反操作直觉。例如，分页控制（Page Controls）仅适用于平级且权重相等的页面序列，而不能用于层级导航。

本技能通过将 Apple HIG 的核心原则注入 AI，使其在面对导航需求时，不再给出泛泛的建议，而是能够基于具体平台（iOS, iPadOS, macOS, visionOS）提供精准的组件推荐、交互模型（如 search-as-you-type）以及平台差异分析。

适用场景 #

• 组件选型：不确定该使用面包屑（Path Controls）还是侧边栏来处理深层文件结构时。
• 交互定义：需要定义搜索字段在用户输入时的即时反馈机制（Instant Feedback）及空状态处理。
• 多端适配：需要对比同一导航功能在 macOS 与 iOS 上的视觉和行为差异。
• 设计评审：使用 AI 快速检查当前 UI 方案是否符合 Apple 的官方设计规范。

核心工作流 #

1. 需求分析：AI 首先确认被搜索/导航的内容类型、目标平台以及数据集的规模。
2. 组件匹配：
   • 搜索字段 (Search Fields)：适用于需要快速发现内容且需即时反馈的场景。
   • 分页控制 (Page Controls)：适用于引导页、照片库等线性平级页面。
   • 路径控制 (Path Controls)：适用于 macOS 的文件层级导航。
3. 行为定义：详细规定交互细节，如 Command-F 快捷键支持、搜索范围（Scopes）过滤以及点击跳转逻辑。
4. 输出规范：AI 将输出包含“组件推荐 $\to$ 行为规范 $\to$ 平台差异”三个维度的完整设计建议。

下载和安装 #

下载 hig-components-search 中文版 Skill ZIP

解压后将目录放入你的 AI 工具 skills 文件夹，重启工具后即可使用。具体路径参考内附的 USAGE.zh.md。

你可能还需要 #

暂无推荐