式菜单,弹出式菜单。
2. 菜单可以是文字式,图标式或图标文字混合式。 3. 主菜单为单排布置。
4. 菜单前的图标不宜太大,与字的高度保持一致最好。
5. 菜单和工具条要有清楚的界限,菜单要求凸出显示,这样在移走工具条时仍有立体感。
6. 如果该命令菜单会引出一个对话框,则该菜单后面应该加省略号“?”,表示需要用户提供更多的信息才能使用该菜单命令。
7. 如果该菜单是一个级联菜单,即其下还有子菜单,则菜单标题后面应该有向右的箭头“ ”。
8. 尽可能从用户角度设计菜单的语义系统。
9. 专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。 10. 按照逻辑功能来将菜单命令分组。
11. 在下拉菜单中用分隔线将功能更相关的项目分组排列,完成相同或相近功能的菜单命令放在同一位置。
12. 在同一菜单中避免使用多个相同功能的菜单项。
13. 避免使用没有下拉项的菜单项,因为孤立的菜单项和按钮没什么区别。 14. 当子菜单的划分有多个标准时,应该采用同一个标准,不能多个标准共用。 15. 子菜单在语义逻辑上不应该同属于几个主菜单。 16. 不要在同一菜单层次上应用相同或相似的词汇。 17. 下拉式菜单深度一般要求最多控制在三层以内。 18. 菜单前的图标能直观的代表要完成的操作。
19. 当菜单是层次的,则应该是循环式的网络结构,用户能从上一级菜单到下一级菜单,也能从下一级菜单返回到上一级菜单,切忌采用非循环的结构。
20. 允许跳转到前层的菜单和主菜单。
21. 常用菜单要有命令快捷方式,不常用的可以没有快捷键。
22. 应该在所有子菜单中都提供访问键(菜单项中带有下划线的字母,称为菜单的访问键)。
23. 正在起作用的命令菜单应该在菜单的表现形式上有所不同,如菜单下凹或菜单前打勾等等。
11
24. 在当前状态下,对与正在进行的操作无关的菜单命令要用加以屏蔽处理,如变灰,但应该还可见。
25. 对于在当前位置或状态下始终用不到的命令,在界面上应该完全屏蔽,即不可见。如果采用动态加载方式(即只有需要的菜单才显示)最好。
26. 动态加载方式的菜单只显示最近用过的菜单命令,久未运用的菜单将会自动隐藏起来,需要的时候又可以打开。
27. 系统所有的功能项都应该在菜单中有对应的菜单命令。 28. 右键上下文菜单采用与菜单相同的准则。
29. 上下文菜单中的命令应该与当前操作环境或状态密切相关。
30. 上下文菜单中允许有不直接出现在菜单中的命令。但该命令应该是某个菜单的一个部分,可以在某个菜单中找到该功能命令。
(3)菜单位置细则 1. 菜单通常采用“常用-主要-次要-工具-帮助”的位置排列,符合流行的Windows风格。
2. 菜单命令在使用时如果有先后顺序,应该按使用先后次序排列。
3. 没有顺序要求的菜单项按使用频率和重要性排列,常用的菜单排列在前面,不常用的靠后放置;重要的放在开头,次要的放在后边。
4. 下拉菜单要根据菜单的含义进行分组,组与组之间有明显的分隔形式要,比如用横线隔开。
5. 下级菜单对于上级菜单应该有隶属关系。 6. 广而浅的菜单树优先于窄而浅的菜单树。
7. 如果菜单选项较多,应该采用加长主菜单的长度而减少子菜单深度的原则排列。
(二)按钮的规划
(1)按钮的字体和大小。 按钮的字体在应用软件中多用宋体,但是具体情况应该根据该软件界面的整体风格来定。比如界面的风格比较古典,这时则可以采用隶书的字体。
按钮的字号要看按钮的大小来确定。字的高度为按钮高度的1/2—1/3为佳,同样,字的宽度为按钮宽度的1/2—1/3比较好看。
(2)按钮的颜色。
12
按钮的颜色最好与整个界面的主色调统一。按钮的颜色不宜用和界面主色调不一致的色彩。如图1。
(图1)
但是,设计是灵活的,并不是说按钮的颜色一定要与主色调一模一样,也并不是说按钮的颜色一定要与主色调相同,一切都要视具体设计情况与设计者的设计思路来看。
(3)按钮的风格。 在应用软件中,比较流行的按钮风格有APPLE公司的水晶按钮, WIN XP风格的按钮以及像素按钮。
(图2)
按钮的风格取决于整个软件界面的风格,两者的风格应该和谐统一。 (三)文字的规划
13
文字是软件界面的主体,也是传达信息的主要工具。因此,文字的规划绝对不可以马虎。
软件文字的字号一般为宋体,大小为5号。宋体显得比较严肃认真,让用户在心理上觉得可靠,这对应用软件来说非常重要。
(四)图案的规划
图案的规划是界面设计的重点,也是最难的地方。它实质上是对软件产品进行艺术包装。在这个阶段,设计人员需要充分发挥自身的艺术设计能力。
(1)图案的选择 图案须和软件的主题有关联,要能反应出软件的相关信息,因为这些图案就是对软件的高度抽象化,它要既能让人觉得赏心悦目,又能体现软件的宗旨。比如一个电力系统的软件,对它进行图案的设计时,就应该选择与电力相关的图案。如图3。
(图3)
软件界面左方是个高压电网的图案,让人一看了,就知道这个软件的性质,就知道它是一个与电力系统有关的软件,这样,这个图案就起到了画龙点睛的作用。
同样,一个图书管理系统的软件,就要在界面上显示与图书类有关的东西,不能天南地北,不着边际的选择图案。如下面两幅图,我们来比较一下两者。
14
(图4)
(图5)
两幅图都是为图书管理系统做的界面,但是图4的图案选择的是用一幅翻开的书的图案和一个显示器的图案。书很明显的表示了该软件的功能与书籍有关,而显示器
15