关于 hig-components-menus
hig-components-menus 是一项指导菜单与按钮设计的 Apple HIG 技能,面向设计师和开发者。它涵盖组件选择、操作组织、平台行为及键盘快捷键。
主要功能
- 01菜单与按钮类型选择建议
- 02菜单层级与操作分组指导
- 03平台行为说明
- 04键盘快捷键建议
- 05先检查现有 Apple 设计上下文
适用场景
- 01为界面操作选择菜单类型
- 02规划工具栏和菜单命令位置
- 03适配不同 Apple 平台的菜单行为
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ raintree-technology/ hig-doctor --skill hig-components-menus安装后在 Claude Code 中输入/hig-components-menus确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
references/action-button.mdbuttons.mdcontext-menus.mddisclosure-controls.mddock-menus.mdedit-menus.mdmenus.mdpop-up-buttons.mdpull-down-buttons.mdthe-menu-bar.mdtoolbars.md详细介绍
Apple HIG:菜单和按钮
提问前,先检查 .claude/apple-design-context.md。使用已有上下文,只询问其中尚未涵盖的信息。
核心原则
-
菜单应符合上下文且可预测。 标准项目应放在标准位置。按照平台惯例排序和分组。
-
使用标准按钮样式。 系统定义的样式能传达可操作性,并保持视觉一致。优先使用这些样式,而不是自定义设计。
-
将常用操作放在工具栏中。 最常用的命令应放在工具栏中。不常用的操作应放在菜单中。
-
菜单栏是 macOS 上的主要命令界面。 每条命令都应能从菜单栏访问。工具栏和上下文菜单应作为补充,而非替代。
-
上下文菜单用于次要操作。 通过右键点击或长按打开,内容应与指针下方的项目相关。切勿将某条命令仅放在上下文菜单中。
-
弹出式按钮用于互斥选项。 从一组选项中恰好选择一项。
-
下拉式按钮用于操作列表。 没有当前选项;它们提供一组命令。
-
操作按钮将相关操作整合在一起,放在工具栏或标题栏中的单个图标后。
-
使用展开控件逐步展示内容。 显示或隐藏更多内容。
-
Dock 菜单应简短、聚焦于应用运行时最有用的操作。
参考索引
| 参考 | 主题 | 主要内容 |
|---|---|---|
| menus.md | 通用菜单设计 | 项目排序、分组、快捷键 |
| context-menus.md | 上下文菜单 | 右键点击、长按、次要操作 |
| dock-menus.md | Dock 菜单 | macOS 应用级操作、运行状态 |
| edit-menus.md | 编辑菜单 | 撤销、复制、粘贴、标准项目 |
| the-menu-bar.md | 菜单栏 | macOS 主要命令界面、结构 |
| toolbars.md | 工具栏 | 常用操作、自定义、位置 |
| buttons.md | 按钮 | 系统样式、尺寸、可操作性 |
| action-button.md | 操作按钮 | 分组的次要操作、工具栏用法 |
| pop-up-buttons.md | 弹出式按钮 | 互斥选项选择 |
| pull-down-buttons.md | 下拉式按钮 | 操作列表、无当前选项 |
| disclosure-controls.md | 展开控件 | 逐步展示内容、显示/隐藏 |
输出格式
- 组件建议 —— 推荐使用哪种菜单或按钮类型,以及原因。
- 视觉层级 —— 在界面中的位置、尺寸和分组方式。
- 平台特定行为 —— 涵盖 iOS、iPadOS、macOS、visionOS。
- 键盘快捷键(macOS)—— 菜单项和工具栏操作的标准及自定义快捷键。
要提出的问题
- 需要支持哪些平台?
- 这是主要操作还是次要操作?
- 需要提供多少项操作?
- 是否为 macOS 菜单栏应用?
相关技能
- hig-components-search —— 搜索栏、页面控件,以及与工具栏和菜单搭配使用的组件
- hig-components-controls —— 与按钮搭配使用的开关、选择器、分段控件
- hig-components-dialogs —— 由菜单项或按钮触发的警告框、工作表、弹出框
- hig-inputs —— 菜单和工具栏中的键盘快捷键及指针交互
由 Raintree Technology 构建 · 更多开发者工具
评论
支持 Markdown