2. HIG(人机界面指南)

为了让所有图形用户界面元素看起来一致,并让所有用户本能地使用对话框,在布局和设计图形用户界面时遵循以下指导原则是很重要的。

  1. 使用组框对相关元素进行分组:尝试标识可以组合在一起的元素,然后使用带有标签的组框来标识该组的主题。避免使用只有一个小部件/项的组框。

  2. 标签、工具提示、描述性文本和其他非标题或标题文本中的第一个字母只能大写:这些内容应以大写字母开头的短语书写,其余所有单词应以小写首字母书写,除非它们是名词

  3. 将标题(组框、选项卡、列表视图列等)、功能(菜单项、按钮)和其他可选项(组合框项、列表框项、树列表项等)中的所有单词大写:除少于五个字母的介词(例如,‘With’But‘Without’)、连词(例如,and、or、But)和冠词(a、an、the)外,将所有单词大写。但是,始终要将第一个和最后一个单词大写。

  4. 小部件或分组框的标签不要以冒号结尾:添加冒号会导致视觉噪音,不会赋予额外的含义,因此不要使用它们。此规则的一个例外是当您有两个紧挨着的标签时,例如:Label1插件(路径:)Label2 [/path/to/plugins]

  5. 远离有害行为:如果你有‘删除’、‘移除’等行为,尽量在有害行为和无害行为之间留出足够的空间,这样用户就不太可能无意中点击有害行为。

  6. 始终使用QButtonBox来表示“OK”、“Cancel”等按钮:使用按钮框将确保“OK”和“Cancel”等按钮的顺序与用户使用的操作系统/区域设置/桌面环境一致。

  7. 选项卡不应嵌套。如果您使用选项卡,请遵循QgsVectorLayerProperties/QgsProjectProperties等中使用的选项卡的样式,即顶部带有图标的选项卡,尺寸为22x22。

  8. 如果可能的话,应该避免小部件堆栈。它们会导致布局问题,以及无法(对用户)解释地调整对话框大小以适应不可见的小部件。

  9. 尽量避免使用专业术语,而应使用外行术语,例如,使用“不透明”而不是“Alpha Channel”(人为设计的例子),使用“文本”而不是“字符串”等等。

  10. 使用一致的图像。如果您需要图标或图标元素,请联系邮件列表上的Robert Szczepanek寻求帮助。

  11. 将长长的小部件列表放入滚动框中。对话框的高度不应超过580像素,宽度不应超过1000像素。

  12. 将高级选项与基本选项分开。新手用户应该能够快速访问基本活动所需的项目,而无需担心高级功能的复杂性。高级功能应位于分界线下方,或放置在单独的选项卡上。

  13. 不要为了拥有更多的选项而增加选项。努力保持用户界面的简约,并使用合理的默认设置。

  14. 如果单击按钮将生成一个新对话框,则会显示省略号字符(…)应作为按钮文本的后缀。注意,请确保使用U+2026水平省略号字符,而不是三个句点。

2.1. 作者

  • 蒂姆·萨顿(作者兼编辑)

  • 加里·谢尔曼

  • 马可·胡根特布勒

  • 马蒂亚斯·库恩