SuperAPI AI 工具集

hig-components-controls

设计与创作

查看项目

更新于 10-16 01:58

技能介绍

用途

本技能用于在 Apple 平台界面设计中,依照 Apple 人机界面指南(HIG)选择并应用「选择与输入控件」(Selection and Input Controls)。它帮助设计者或开发者判断某类数据应使用哪种标准控件,并给出推荐理由、状态管理与无障碍方面的建议。

主要能力

  • 在提问前先检查 .claude/apple-design-context.md,复用已有的设计上下文,只询问尚未覆盖的信息。
  • 覆盖的控件包括:通用控件、开关(toggles)、分段控件(segmented controls)、滑块(sliders)、步进器(steppers)、选择器(pickers)、组合框(combo boxes)、文本字段(text fields)、文本视图(text views)、标签(labels)、令牌字段(token fields)、虚拟键盘(virtual keyboards)、评分指示器(rating indicators)、仪表(gauges)。
  • 输出内容包括:控件推荐及理由、状态管理方式、校验方法、无障碍标签与提示建议。

关键原则

  • 清晰呈现当前状态:用户必须始终看到当前选中项,开关显示开/关,分段控件高亮激活段,选择器显示当前选择。
  • 优先使用系统标准控件:内置控件提供一致性与无障碍支持;自定义控件会增加学习成本,并可能破坏辅助功能。
  • 开关用于二值状态,在设置类界面中立即生效,在模态表单中于确认时提交。
  • 分段控件用于互斥选项,2 至 5 项,重要性大致相当,标签简短。
  • 滑块用于连续值,且精确数值输入并非关键时,提供最小值/最大值标签或图标。
  • 选择器用于较长的选项列表,适合日期、时间、结构化数据。
  • 步进器用于小幅精确调整,以固定步长增减,并显示当前值和合理的上下限。
  • 文本字段用于短的单行输入,文本视图用于多行,并根据预期输入配置键盘类型(如电子邮件、URL、数字)。
  • 组合框为文本输入加选择列表(macOS),可输入值或从预定义列表中选取。
  • 令牌字段将离散值显示为可视化令牌(macOS),用于收件人、标签或离散项集合。
  • 仪表和评分指示器用于展示数值,通常为只读;需要输入时使用可交互变体。

使用方式

用户提出控件选择相关请求时,技能会先检查设计上下文文件,然后输出:控件推荐及理由、状态管理说明、校验策略、无障碍建议。

适用场景与限制

适用于二值状态、固定集合选择、数值输入、自由文本输入等控件选型,并需明确选项数量、目标平台、设置页或内联表单等条件。组合框和令牌字段仅适用于 macOS。资料未提供安装命令、代码示例、价格信息或更具体的兼容性细节;输出不应替代实际环境中的验证、测试或专家评审,如缺少必要输入、权限、安全边界或成功标准,应停止并请求澄清。