Apple HIG:菜单栏 (The menu bar)

2026年4月19日
研学小组
研学小组
美叶研学官方内容开发小组
已累计原创 93 篇文章查看全部

在 Mac 或 iPad 上,屏幕顶部的菜单栏会显示 App 或游戏中的顶层菜单。

Mac 用户非常熟悉 macOS 菜单栏,并依靠它来帮助了解 App 的功能和找到所需的命令。为使你的 App 或游戏让 macOS 用户感到自在,提供一致的菜单栏体验至关重要。

iPad 上的菜单栏菜单类似于 Mac 上的菜单栏菜单,有着相同的显示顺序和熟悉的菜单项组。采用 Mac 上相同体验的菜单结构时,也可帮助用户立即了解和利用 iPad 上的菜单栏。

iPadOS 中的键盘快捷键使用与 macOS 相同的模式。有关指南,请参阅标准键盘快捷键

菜单栏中的菜单在外观和行为特征上与所有菜单类型大体一样。若要全面了解菜单以及如何整理菜单项和为其添加标签,请参阅菜单


1、剖析

以下菜单在菜单栏中呈现时,将按如下所列顺序显示。

  • App 名称(你可以提供 App 名称的简短版本作为此菜单的标题)
  • 文件
  • 编辑
  • 格式
  • 显示
  • App 特定菜单(如有)
  • 窗口
  • 帮助

此外,macOS 菜单栏前端包括苹果菜单,后端包括菜单栏附加项。有关指南,请参阅 macOS 平台考量因素


2、最佳实践

支持默认系统定义菜单及其顺序。用户期望以其熟悉的顺序找到菜单和菜单项。在多数情况下,系统会实现标准菜单项的功能,因此你无需考虑这方面。例如,当用户选择标准文本栏中的文本时,系统会将“编辑”>“拷贝”菜单项变为可用。

始终显示同一菜单项组。保持菜单项可见有助于用户了解你的 App 支持哪些操作,即使这些操作在当前环境下不可用。如果菜单栏项不可操作,请停用该操作,而不是将其从菜单中隐藏。

通过熟悉的图标表示菜单项操作。图标有助于用户识别你 App 中的常用操作。使用与系统相同的图标表示“拷贝”、“共享”和“删除”等操作,不管它们出现在哪个位置。对于表示常用操作的图标列表,请参阅标准图标。有关更多指南,请参阅菜单

为所包括的标准菜单项支持定义的键盘快捷键。用户会期望使用其已知的键盘快捷键来执行标准菜单项,如“拷贝”、“剪切”、“粘贴”、“保存”和“打印”。仅在必要时才自定义键盘快捷键。有关指南,请参阅标准键盘快捷键

优先使用简短的单字词菜单标题。菜单的间距和外观会受各种各样因素(例如不同显示尺寸和菜单栏附加项的存在)影响。单字词菜单标题在菜单栏中的效果特别好,因为其占用的空间很小,且易于用户浏览。如需在菜单标题中使用多个字词,请使用标题式大写。


3、App 菜单

App 菜单会列出应用于整个 App 或游戏的项目,而非应用于特定任务、文稿或窗口的项目。为了帮助用户快速识别活跃的 App,菜单栏会以粗体显示 App 名称。

App 菜单通常包含以下菜单项,并按如下顺序列出。


菜单项操作指南
关于 App 名称显示 App 的“关于”窗口,其中包括版权和版本信息。优先使用最多包括 16 个字符的短名称。不要包括版本号。
设置…打开设置窗口,或 iPadOS 设置中的 App 页面。仅用于 App 级设置。如果你还提供文稿特定设置,请将其放置在“文件”菜单中。
可选的 App 特定项目执行自定义的 App 级设置或配置操作。在同一组内的“设置”项之后列出自定义的 App 配置项。
服务(仅限 macOS)显示包括系统和其他 App 服务的子菜单,且这些服务适用于当前环境。
隐藏 App 名称(仅限 macOS)隐藏 App 及其所有窗口,然后激活最近使用的 App。使用与提供给“关于”项相同的 App 短名称。
隐藏其他(仅限 macOS)隐藏所有其他打开的 App 及其窗口。
全部显示(仅限 macOS)在 App 窗口后显示所有其他打开的 App 及其窗口。
退出 App 名称退出 App。按下 Option 键可使“退出 App 名称”更改为“退出并保留窗口”。使用与提供给“关于”项相同的 App 短名称。

将“关于”菜单项显示为首项。在“关于”菜单项之后包括一个分隔符,使该项在组中单独显示。


4、“文件”菜单

“文件”菜单包含可帮助用户管理 App 支持的文件或文稿的命令。如果你的 App 不处理任何类型的文件,你可以重新命名或省去此菜单。

“文件”菜单通常包含以下菜单项,并按如下顺序列出。


Pro 会员文章
开通美叶 Pro 会员,即可阅读此篇文章的全部内容,同时可阅读全站 Pro 会员文章
开通美叶 Pro

0 人收藏了本文

为 Gemini 应用绘制插画体系为 Gemini 应用绘制插画体系
Material3设计规范:轮播(Carousel)Material3设计规范:轮播(Carousel)
Apple HIG:页面控制(Page controls)Apple HIG:页面控制(Page controls)
Apple HIG:提醒(Alerts)Apple HIG:提醒(Alerts)
Apple HIG:操作表单(Action sheets)Apple HIG:操作表单(Action sheets)
Apple HIG:进度指示符(Progress indicators)Apple HIG:进度指示符(Progress indicators)
Material3设计规范:开关(Switch)Material3设计规范:开关(Switch)
Apple HIG:材质(Materials)Apple HIG:材质(Materials)