HIG(人机界面指南)¶

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

  1. 使用分组框对相关元素分组:尝试标识可以组合在一起的元素,然后使用带有标签的分组框来标识该组的主题。避免使用只包含一个小部件/项目的分组框。
  2. 仅在标签、工具提示、描述性文本和其他非标题或标题文本中大写首字母:这些首字母应作为带前导大写字母的短语书写,其余所有单词都用小写首字母书写,除非它们是名词。
  3. 将标题(分组框、选项卡、列表视图列等)、功能(菜单项、按钮)和其他可选项(组合框项、列表框项、树列表项等)中的所有单词大写:将所有单词大写,但少于五个字母的介词(例如,“with”但“not”)、连词(例如,and,or,但是),以及文章(a,an,the)。但是,总是将第一个和最后一个单词大写。
  4. Do not end labels for widgets or group boxes with a colon: Adding a colon causes visual noise and does not impart additional meaning, so don't use them. An exception to this rule is when you have two labels next to each other e.g.: Label1 Plugin (Path:) Label2 [/path/to/plugins]
  5. 使有害行为远离无害行为:如果您有“删除”、“删除”等行为,请尝试在有害行为和无害行为之间留出足够的空间,以减少用户无意中点击有害行为的可能性。
  6. 始终对“确定”、“取消”等按钮使用QButtonBox:使用按钮框将确保“确定”和“取消”等按钮的顺序与用户使用的操作系统/区域设置/桌面环境一致。
  7. 不应嵌套选项卡。如果使用制表符,请按照qgsvectorlayerproperties/qgsprojectproperties等中使用的制表符样式操作,即顶部的制表符的图标为22x22。
  8. 尽可能避免小部件堆栈。它们会导致布局问题和(对用户)无法解释的对话框大小调整,以适应不可见的小部件。
  9. 尽量避免使用技术术语,而不要使用门外汉的等效词,例如使用单词“opacity”而不是“alpha channel”(人为示例)、“text”而不是“string”等。
  10. 使用一致的图像。如果您需要图标或图标元素,请联系邮件列表上的Robert Szczepanek寻求帮助。
  11. 将小部件的长列表放入滚动框中。任何对话框的高度不得超过580像素,宽度不得超过1000像素。
  12. 将高级选项与基本选项分开。新手用户应该能够快速访问基本活动所需的项目,而不必担心高级功能的复杂性。高级功能应该位于分隔线的下方,或者放在单独的选项卡上。
  13. 不要为了有很多选择而增加选择。尽量保持用户界面最小化,并使用合理的默认值。
  14. 如果单击按钮将生成一个新对话框,则应在按钮文本后加上省略号字符(…)。注意,确保使用U+2026水平省略号字符而不是三个句点。

作者