利用 Apple HIG 规范设计弹窗与模态组件
解决 UI 设计中组件滥用问题:通过 AI 引导,确保 Alerts、Sheets、Popovers 等呈现组件的使用符合 Apple HIG 规范,提升产品的原生感与用户体验。
为什么需要这个技能
在开发 iOS 或 macOS 应用时,开发者经常在“应该用警告框(Alert)还是操作表(Action Sheet)”之间犹豫。随意使用模态组件会导致用户操作流被频繁中断,甚至造成严重的交互混乱。
Apple HIG 对每种呈现组件都有严格的定义:Alerts 用于关键错误或破坏性操作,Sheets 用于专注任务,而 Popovers 则适用于非模态的补充信息。掌握这一技能可以让 AI 扮演资深 UX 专家,在你设计界面前就给出符合平台特性的方案,避免在后期评审中大规模返工。
适用场景
- 定义交互链路:当你需要决定某个功能(如删除确认、设置编辑、选项选择)应采用哪种弹出形式时。
- 优化文案细节:需要根据 Apple 的语气规范,将模糊的 “OK” 按钮改为具体的动作动词(如 “Delete” 或 “Save”)。
- 多平台适配:同一个功能在 iPhone、iPad 和 Mac 上需要采取不同的呈现组件(例如 iPhone 的 Action Sheet 在 iPad 上应变为 Popover)。
- 减少干扰设计:评估是否可以通过内联反馈(Inline Feedback)或撤销机制来替代模态弹窗。
核心工作流
- 分析需求场景:明确该交互是阻塞性(Blocking)还是非阻塞性,以及目标平台(iOS/macOS/visionOS)。
- 匹配组件类型:
- Alerts
关键错误、破坏性确认。 - Sheets
独立任务、多步骤表单。 - Popovers
辅助信息、快速选项(iPad/Mac)。 - Action Sheets
多项选择,尤其是包含破坏性操作时。
- Alerts
- 细化设计方案:根据 HIG 规定按钮顺序、标题长度及破坏性按钮(红色文字)的放置位置。
- 验证替代方案:检查是否可以通过“渐进式披露”或“撤销”操作来优化,以减少对用户的干扰。
下载和安装
下载 hig-components-dialogs 中文版 Skill ZIP
解压后将目录放入你的 AI 工具 skills 文件夹,重启工具后即可使用。具体路径参考内附的 USAGE.zh.md。
你可能还需要
暂无推荐