《浅谈界面设计规范（一）》由会员分享，可在线阅读，更多相关《浅谈界面设计规范（一）（14页珍藏版）》请在金锄头文库上搜索。
1、界面设计师一定要知道的软件界面设计规范标签：界面设计设计规范界血是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而 且设计良好的界血能够引导用户白己完成相应的操作，起到向导的作用。同时界面如同人的 面孔，具有吸引用户的S接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感 觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与 放弃中付诸东流。日前界面的设计引起软件设计人员的重视的程度还远远不够，直到最近网 页制作的兴起，才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒 绝。目前流行的界面风格有三种方式：多窗体、单窗体以及资源
2、管理器风格，无论那种风格， 以下规则是应该被重视的。1:易用性：按钮名称应该易懂，用词准确，屏弃没楞两可的字眼，要与同一界面上的其他按钮易于区分, 能望文知意最好。理想的情况是用八不用杳阅帮助就能知道该界面的功能并进行相关的正确 操作。易用性细则：1) ：完成相同或相近功能的按钮用Frame框起来，常用按钮要支持快捷方式。2) :完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。3) :按功能将界血划分区域块，用Frame框括起来，并要有功能说明或标题。4) :界面要支持键盘H动浏览按钮功能，即按Tab键、|叫车键的H动切换功能。5) :界面上首先要输入的和重要信息的控件在Tab顺序中
3、应当靠前，位置也应放在窗口上较醉 目的位置。6) :同一界血上的控件数最好不要超过10个，多于10个时可以考虑使用分页界血显示。7) :分页界血要支持在页面间的快捷切换，常用组合快捷键CtrkTab8) :默认按钮要支持Enter及选操作，即按Enter后自动执行默认按钮对应操作。9) :可写控制项检测到非法输入后应给出说明并能H动获得焦点。10) :Tab键的顺序与控件排列顺序要一致，H前流行总体从上到下，同时行间从左到右的方 式。11) :核取方块和选项框按选择几率的高底而先后排列。12) :核取方块和选项框要有默认选项，并支援Tab选择。13) :选项数相同时多用选项框而不用下拉清单框。
4、14) :界血空间较小时使用下拉框而不用选项框。15) :选项数较少时使用选项框，相反使用下拉列表框。16) :专业性强的软件要使用相关的专业术语，通用性界血则提侣使用通用性词语。规范性：通常界面设计祁按Windows界面的规范来设计，可以说：界面逍循规范化的程度越高，则 易用性相应的就越好。小型软件一般不提供工具厢。规范性细则：1) :常川菜单要有命令快捷方式。2) :完成相同或相近功能的菜单川横线隔开放在同一位置。3) :菜单前的图标能肓观的代表要完成的操作。4) :菜单深度一般要求最多控制在三层以内。5) :工具栏要求可以根据用户的要求自己选择定制。6) :相同或相近功能的T具栏放在一起
5、。7) :T具栏中的每一个按钮要有及时提示信息。8) :条工具栏的长度最长不能超岀屏幕宽度。9) ：工具栏的图标能直观的代表要完成的操作。10) :系统常川的工具栏设匱默认放置位置。11) :工具栏太多时可以考虑使川工具箱。12) :工具箱要具有可增减性，由用户自己根据需求定制。13) :工具箱的默认总宽度不要超过屏幕宽度的1/5。14) :状态条要能显示用户切实需要的信息，常用的有：目前的操作、系统状态、用户位置、川户信息、提示信息、错误信息等，如果某一操作需要 的时间较长，还应该显示进度条和进程提示。15) ：滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的 位置
6、和百分比。16) ：状态条的高度以放置五好字为宜，滚动条的宽度比状态条的略窄。17) ：菜单和工具条要有清楚的界限;菜单要求凸出显示，这样在移走工具条时仍有立体感。18) ：菜单和状态条中通常使用5号字体。T具条一般比菜单要宽，但不要宽的太多，否则看 起來很不协调。19) :右键快捷菜单采用与菜单相同的准则。系统应该捉供详尽而可靠的帮助文档，在用户使用产生迷惑时可以自己寻求解决方法。帮助设施细则：1) :帮助文档中的性能介绍与说明要与系统性能配套一致。(我们的系统帮助文档都是系统 的祖先时期的说明，让人困惑)。2) ：打包新系统时，对作了修改的地方在帮助文档中要做相应的修改。3) ：操作时要提
7、供及时调用系统帮助的功能。常用F1。4) ：在界面上调川帮助时丿M该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有 即时针对性。5）：最好提供目前流行的联机帮助格式或HTML帮助格式。6）：川户可以川关键词在帮助索引中搜索所要的帮助，当然也应该提供帮助主题词。7）：如果没有提供书血的帮助文档的话，最好有打印帮助的功能。8）：在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮 助方式。4：合理性：屏幕对角线相交的位置是用户育视的地方，正上方四分Z处为易吸引用户注意力的位置, 在放置窗体时要注意利用这两个位置。合理性细则：1）:父窗体或主窗体的中心位置应该在对角线
8、焦点附近。2）：子窗体位置应该在主窗体的左上角或正中。3）：多个了窗体弹出时应该依次向右下方偏移，以显示窗体出标题为宜。4）：重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。5）：错误使用容易引起界面退出或关闭的按钮不应该放在易点击的位置。横排开头或最示与 竖排最后为易点位置。6）：与正在进行的操作无关的按钮应该加以屏蔽（Windows中川灰色显示，没法使用该按钮）。7）：对可能造成数据无法恢复的操作必须提供确认信息，给用户放弃选择的机会。8）：非法的输入或操作应有足够的提示说明。9）:对运行过程中出现问题而引起错误的地方耍有提示，让用户明白错误出处，避免形成无 限期的等待。10）:提
9、示、警告、或错误说明应该清楚、明了、恰当。5：美观与协调性：界面应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。美观与协调性细则：1）:长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。2）:布局要合理，不宜过于密集，也不能过于空旷，合理的利用空间。3）:按钮大小基木相近，忌用太长的名称，免得占用过多的界瓯位置。4）:按钮的大小要与界面的大小和空间要协调。5）:避免空旷的界面上放置很大的按钮。6）：放置完控件后界面不应有很大的空缺位置。7）:字体的大小要与界面的大小比例协调，通常使用的字体中宋体912较为美观，很少使用 超过12号的字体。8）:前景与背景色搭配合理协调
10、，反弟不宜太大，最好少用深色，如大红、大绿等。常用色 考虑使用Windows界面色调。9) ：如果使用其他颜色，主色调要柔和，具有亲和力与磁力，坚决杜绝刺H的颜色。10) :大型系统常用的主色有”#E1E1E、“#EFEFEF“、“#C0C0C0“等。11) ：界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊 要求的地方。12) ：如果窗体支持最小化和最大化或放大时，窗体上的控件也要随肴窗体而缩放；切忌只 放大窗体而忽略控件的缩放。13) ：对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能。14) :通常父窗体支持缩放时，了窗体没有必要缩放。15) ：如果能
11、给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。6：菜单位置：菜单是界面上最重要的元素，菜单位置按照按功能来组织。菜单测试细则：1) :菜单通常采用“常用主要次要“丁具帮助”的位置排列，符合流行的Windows风格。2) :常用的有“文件”、“编辑”，“杏看等，几乎每个系统都有这些选项，当然要根据不同的 系统冇所取舍。3) :下拉菜单要根据菜单选项的含义进行分组，并且按照一定的规则进行排列，用横线隔开。4) : 一组菜单的使用有先后要求或有向导作用时，应该按先后次序排列。5) :没有顺序要求的菜单项按使用频率和重要性排列，常用的放在开头，不常用的靠示放 置；重要的放在开头，次要的放
12、在后边。6) :如果菜单选项较多，M该采用加长菜单的长度而减少深度的原则排列。7) :菜单深度一般要求最多控制在三层以内。8) :对常用的菜单要有快捷命令方式，组合原则见&9) ：对与进行的操作无关的菜单要用屏蔽的方式加以处理，如果采用动态加载方式即只 有需要的菜单才显示最好。10) :菜单前的图标不宜太大，与字高保持一直最好。11) ：主菜单的宽度耍接近，字数不应多于四个，每个菜单的字数能相同最好。12) :主菜单数目不应太多，最好为单排布置。13) :菜单条是否显示在合适的语境中？14) :应用程序的菜单条是否显示系统相关的特性(如时钟显示)？15) :下拉式操作能正确工作吗？16) :菜
13、单、调色板和工具条是否工作正确？17) :是否适当地列出了所有的菜单功能和下拉式了功能？18) :是否可能通过鼠标访问所有的菜单功能？19) :相同功能按钮的图标和文字是否一致？20) :是否能够用其他的文木命令激活每个菜单功能？21) ：菜单功能是否随当前的窗口操作加亮或变灰？22) :菜单功能是否正确执行？23) ：菜单功能的名字是否具有自解释性？24) :菜单项是否有帮助，是否语境相关？25) ：在整个交互式语境中，是否可以识别鼠标操作？26) :如果要求多次点击鼠标，是否能够在语境正确识别？27) :如果鼠标有多个按钮，是否能够在语境中正确识别？28) :光标、处理指示器和识别指针是否
14、随操作恰当地改变？7:独特性：如果一味的遵循业界的界面标准，则会丧失白己的个性在框架符合以上规范的情况下，设 计具有自己独特风格的界面尤为重耍。尤其在商业软件流通中有着很好的迁移默化的广告效 用。测试细则:1）:安装界面上应有单位介绍或产品介绍，并有a己的图标。2）：主界面，最好是大多数界面上要有公司图标。3）：登录界面上要有本产品的标志，同时包含公司图标。4）：帮助菜单的“关于”中应有版权和产品信息。5）：公司的系列产品要保持一肓的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮川语等应该大体一致。8：快捷方式的组合在菜单及按钮中使用快捷键可以让喜欢使用键盘的川户操作得更快一些在
15、西文Windows及 其应用软件中快捷键的使用大多是一致的。菜单中：1) :面向事务的组合有:Ctrl-D 删除；Ctrl-F 寻找；Ctrl -H 替换；Ctrl-I 插入；Ctrl-N 新记录；Ctrl-S 保存 Ctrl-0打开。2) ：列表：Ctrl-R , Ctrl-G定位；Ctrl-Tab下一分页窗口或反序浏览同一页血控件；。3) :编辑：Ctrl-A全选；Ctrl-C拷贝;Ctrl-V粘贴;Ctrl-X剪切;Ctrl-Z撤消操作；Ctrl-Y恢复操作。4) 文件操作：Ctrl-P 打印;Ctrl-W 关闭。5) :系统菜单Alt-A 文件；Alt-E 编辑;Alt-T T具；Alt-W 窗口; AltH 帮助。6）:MS Windows 保留键:Ctrl-Esc任务列表；Ctrl-F4关闭窗口; Alt-F4结束应用;Alt-Tab下一应用；Enter缺 省按钮/确认操作；Esc取消按钮/取消操作；Shift-F1上下文相关帮助。按钮中：可以根据系统需要而调节，以下只是常用的组合。Alt
