400-700-1307

UI界面设计的规则和规范有哪些?

2019-01-26 17:15

什么是UI界面,界面是软件与用户交互的直接的渠道,界面的好坏决定用户对软件的第1感觉。而且设计良好的界面能够引导用户自己完成相应的操作,起到向导式的作用。那么,关于UI界面设计规则和规范你知道吗?设计合理的界面能给用户带来轻松愉悦的感受,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中销声匿迹。目前界面的设计引起软件设计人员的重视的程度还远远不够,直到zui近网页制作的兴起,才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下十条规则是应该被重视的。

 

1、简单实用

按钮名称应该简单易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的其他按钮易于区分,能一看即懂zui好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。细则:

(1)完成相近或相同功能的按钮用Frame框起来,常用按钮要支持快捷方式。

(2)完成同一功能的元素放在集中位置,减少鼠标移动的距离。

(3)按功能将界面划分成局域块,用Frame框括起来,并要有功能说明或标题。

(4)界面要支持键盘自动浏览功能,即按Tab键的自动切换功能。

(5)界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。

(6)同一界面上的控件数zui好不要超过10个,多于10个时可以考虑使用分页界面显示。

(7)分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl Tab

(8)默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。

(9)可写控件检测到非法输入后应给出说明并能自动获得焦点。

(10)Tab键的顺序与控件排列顺序要一致,目前流行行间从左到右,总体从上到下的方式。

2、规范化

通常界面设计都按Windows界面的规范来设计,即包含“菜单条、工具栏、工具箱、状态栏、滚动条、右键快捷菜单”的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应的就越好。小型软件一般不提供工具箱。细则:

(1)常用菜单要有命令快捷方式。

(2)完成相同或相近功能的菜单用横线隔开放在同一位置。

(3)菜单前的图标能直观的代表要完成的操作。

(4)菜单深度一般要求zui多控制在三层以内。

(5)工具栏要求可以根据用户的要求自己选择定制。

(6)相同或相近功能的工具栏放在一起。

(7)工具栏中的每一个按钮要有及时提示信息。

(8)一条工具栏的长度zui长不能超出屏幕宽度。

(9)工具栏的图标能直观的代表要完成的操作。

(10)系统常用的工具栏设置默认放置位置。

 

3、帮助应用

系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。细则:

(1)帮助文档中的性能介绍与说明要与系统性能配套一致。

(2)打包新系统时,对作了修改的地方在帮助文档中要做相应的修改。

(3)操作时要提供及时调用系统帮助的功能。如常用F1。

(4)在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。

(5)zui好提供目前流行的联机帮助格式或HTML帮助格式。

(6)用户可以用关键词在帮助索引中搜索所要的帮助,当然也应该提供帮助主题词。

(7)如果没有提供书面的帮助文档的话,zui好有打印帮助的功能。

 

4、合理性

屏幕对角线相交的位置是用户直视的地方,正上方四分之一处为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位置。细则:

(1)父窗体或主窗体的中心位置应该在对角线焦点附近。

(2)子窗体位置应该在主窗体的左上角或正中。

(3)多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜。

(4)重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。

(5)错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或zui后与竖排zui后为易点位置。

(6)与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示,没法使用该按钮)。

 

UI课程在学习阶段一般也配合着界面设计的规范和规则,把相关知识贯彻到课程大纲内,只有在设计中遵循着规则和规范,才能设计出既美观又实用性强的好作品!


上一篇:什么是设计规范 为什么要做设计规范
下一篇:没有了

开班信息

当前校区

北京校区
  • 北京校区
  • 上海校区
  • 广州校区
  • 沈阳校区
  • 杭州校区
  • 南京校区
  • 郑州校区
  • 成都校区
  • 深圳校区
  • 西安校区
  • 苏州校区
  • 深圳沙井
  • 深圳观澜
  • 深圳龙岗
  • 武汉校区
  • 西宁校区
  • 石家庄校区
  • 湖北咸宁
  • 广东惠州
  • 广东佛山

                    Copyright © 2007-2019 IT兄弟连教育 版权所有 京ICP备11018177号  京公网安备 11010802026987号