点击这里给我发消息 点击这里给我发消息

用户界面设计风格说明上

添加时间:2013-12-7
    相关阅读: 设计 软件 开发 程序 Windows 系统

    1引言
    1.1设计说明
    本文档是对系统界面设计风格进行描述,和用户交互的最终界面在《详细设计说明书》中设计和解释。

    1.2概念和定义
    用户界面:又称人机界面,实现用户与计算机之间得通信,以控制计算机或进行用户和计算机之间得数据传送得系统部件。
    GUI:即图形用户界面,一种可视化得用户界面,它使用图形界面代替正文界面。

    1.3用户假定
    将使用本系统的用户定义为:对应用程序或计算机的一般用法有一定了解,用户希望界面符合WINDOWS9X特别是Office97风格,对易用性、简洁性有比较高的要求,对界面快速交互没有很强的要求(即不希望通过命令方式快速交互)。

    2用户界面设计规范
    2.1用户界面设计原则
    本系统坚持图形用户界面(GUI)设计原则,界面直观、对用户透明:用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。
    界面设计员应该明白软件中用户是所有处理的核心,不应该有应用程序来决定处理过程,所以用户界面应当由用户来控制应用如何工作、如何响应,而不是由开发者按自己的意愿把操作流程强加给用户。
    界面设计必须经过确认才能完成。

    2.2界面一致性
    在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。
    1)显示信息一致性标准
    (1)标签提示:字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号(10号);
    (2)日期:正常字体、宋体、白底黑字、3-D lowered;
    (3)对齐方法:
    l 左对齐:一般文字、单个数字、日期等
    l 右对齐:数字、时间、日期加时间。
    (4)分辨率为800*600,增强色16色
    (5)字体缺省为宋替、五号、黑色
    (6)底色缺省采用灰色
    这些信息的排列显示风格供参考, 在同一个应用中,这些信息的表现方式不一致,会使得用户分散注意力,影响这一软件的使用,因此开发者应当注意在同一软件中表现形式的一致性。
    2)布局合理化原则
    应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。
    在一个窗口中按tab键,移动聚焦的顺序不能杂乱无章,tab 的顺序是先从上至下,再从左至右。一屏中首先应输入的和重要信息的控件在tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。 布局力求简洁、有序、易于操作。
    3)鼠标与键盘对应原则
    应遵循的是可不用鼠标的原则:应用中的功能只用键盘也应当可以完成,即设计的应用中还应加入一些必要的按钮和菜单项。
    但是,许多鼠标的操作,如双击、拖动对象等,并不能简单地用键盘来模拟即可实现。例如在一个列表框中用鼠标双击其中一项可以表示选中该项内容。为了用键盘也能实现这一功能,必须在窗口中定义一个表示选中的按钮,以作为实现双击功能的替代(或其它方式)。又如在一个窗口中有两个数据窗口,可以用鼠标从一个数据窗口中将一项拖出然后放到另一个中。如果只用键盘,就应当在菜单中设置拷贝或移动的菜单项。
    4)快捷键
    在菜单项中使用快捷键可以让使用键盘的用户操作得更快一些,在西文Windows及其应用软件中快捷键的使用大多是一致的。本系统中应用的快捷键在各个配置项上语义必须保持一致。
    面向事务的:
    l Ctrl-D 删除
    l Ctrl-F 寻找
    l Ctrl-I 插入
    l Ctrl-N 新记录

    l Ctrl-S 保存
    查询/列表:
    l Ctrl-O
    l Ctrl-R
    其它:
    l Ctrl-C 拷贝
    l Ctrl-H 帮助
    l Ctrl-P 打印
    l Ctrl-V 粘贴
    l Ctrl-W 关闭
    l Ctrl-X 剪切
    MS Windows保留键:
    l Ctrl-Tab 下一窗口
    l Ctrl-Esc 任务列表
    l Ctrl-F4 关闭窗口
    l Alt-F4 结束应用
    l Alt-Tab 下一应用
    l Enter 缺省按钮/确认操作
    l Esc 取消按钮/取消操作
    l Shift-F1 上下文相关帮助
    其它快捷键
    其它快捷键使用汉语拼音的开头字母,不常用的可以没有快捷键。

相关用户界面设计风格说明上

咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册