Contents Menu Expand Light mode Dark mode Auto light/dark mode
GNOME 人机界面指南
Logo
GNOME 人机界面指南
  • 设计原则
  • 工具与资源
  • 指南
    • 应用命名
    • 应用图标
    • 指针与触摸
    • 键盘
    • UI 图标
    • UI 样式
    • 写作风格
    • 排版
    • 导航
    • 缩放与适应性
    • 可访问性
  • 模式
    • 容器
      • 窗口
      • 标题栏
      • 弹出框
      • 实用窗格
      • 列表框
      • 网格视图
      • 列表与列视图
      • 选择与编辑模式
    • 导航
      • 浏览
      • 视图切换器
      • 选项卡
      • 侧边栏
      • 搜索
    • 控件
      • 按钮
      • 菜单
      • 开关
      • 文本字段
      • 复选框
      • 单选按钮
      • 下拉列表
      • 滑块
      • 微调按钮
      • 叠加控件
    • 反馈
      • 通知
      • 提示
      • 横幅
      • 进度条
      • 进度条
      • 对话框
      • 占位页
      • 工具提示
  • 参考
    • 标准键盘快捷键
    • 调色板
    • 背景
返回顶部
编辑此页

菜单#

../../_images/popover-menu-list.png ../../_images/popover-menu-list-dark.png

菜单是一种常见的设计模式。在 GNOME 中,它们通常以主菜单、次级菜单和上下文菜单的形式出现。

通用指南#

以下准则适用于所有菜单。

菜单项#

  • 对于命令使用动词标记菜单项,对于设置使用形容词标记菜单项,使用 标题大写。

  • 菜单项可以包含 复选框 和 单选按钮。

  • 当菜单项被选中时,可以通过更改标签来组合两个关联的操作。例如,一个播放项可以更改为暂停。但是,只有在操作是显而易见的逻辑反义词时才使用这种类型的项。同样,不要对设置使用此技术——而是使用复选框或单选按钮。

  • 为每个菜单项提供一个 访问键。您可以在应用程序的不同菜单中使用相同的访问键,但避免在同一个菜单上重复访问键。

菜单大小与结构#

  • 菜单应包含三到十二个项目,子菜单应包含三到六个项目。

  • 按重要性、任务顺序或预期的使用频率逻辑地排列项目。菜单顶部和底部的项目更显眼且易于定位,因此将这些位置保留给特别重要或有趣的功能。

  • 将相似的菜单项组织成组——这将使它们更容易理解和更快地使用。创建组时
    • 将单项组放置在菜单的顶部或底部,或将它们与其他单项组组合在一起。

    • 不要在每个组内混合不同类型的菜单项——操作、复选框和单选按钮项应保持分开。

  • 不要嵌套子菜单,因为嵌套在人体工程学上可能难以使用,并且难以导航。

主菜单#

大多数应用程序都有主菜单,它们是标准功能的所在地,每个应用程序都应具有这些功能。

  • 主菜单的按钮应使用 open-menu-symbolic 图标。

  • 主菜单通常放置在标题栏的末尾(在西方语言环境中,即右侧)。但是,对此规则有两个例外
    • 如果窗口包含 分层导航,则主菜单仅在顶级视图上可见。(如果其他视图需要菜单,可以使用次级菜单。)

    • 如果窗口具有 侧边栏,则主菜单应放置在侧边栏列表之上。

  • 菜单按钮的 工具提示 和辅助功能标签应将菜单称为“主菜单”。

标准主菜单项#

以下是标准主菜单项,应放置在菜单末尾的组中

偏好设置

打开应用程序的偏好设置对话框(如果它有的话)。

键盘快捷键

打开应用程序的键盘快捷键对话框(如果它有的话)。

帮助

在帮助应用程序中打开应用程序的用户文档。

关于应用程序

打开应用程序的关于对话框。此项应包括应用程序的名称,例如“关于照片”或“关于计算器”。每个主菜单都应包含此项。

主菜单不应包含关闭或退出菜单项:窗口已经可以使用标题栏中的关闭按钮关闭,并且关闭菜单项指的是什么并不总是很明显。

次级菜单#

次级菜单位于标题栏中,用于包含特定视图或内容项(例如文档、联系人、对话或照片)的操作和设置。这使它们与主菜单区分开来,主菜单的菜单项与整个应用程序相关。

次级菜单

  • 通常与 分层导航 和 侧边栏 结合使用;

  • 是可选的,仅当有足够的操作或选项需要菜单时才需要使用;

  • 通常不应复制包含在主菜单中的菜单项,例如偏好设置和关于。

API 参考#

  • GTK 4: GtkMenuButton

  • GTK 4: GtkPopoverMenu

下一页
开关
上一页
按钮
在此页上
  • 菜单
    • 通用指南
      • 菜单项
      • 菜单大小与结构
    • 主菜单
      • 标准主菜单项
    • 次级菜单
    • API 参考