用户界面设计项目说明指导书.docx

软件工程第五小组 基于Zigbee技术的福利院看护系统 用户界面设计说明书 DengYihan 2012/11/27  修订历史统计 日期 版本号 修改说明 修改人 核准人 20XX.11.5 1.0 制订纲领及编写正文 邓益涵 林阳 20XX.11.12 2.0 修改界面设计规范 邓益涵 林阳 20XX.11.26 3.0 修改关键界面设计 邓益涵 林阳  目录 TOC \o "1-3" \h \z \u 1 引言 2 1.1编写目的 2 1.2项目背景 2 1.3定义、缩略词 3 1.4参考资料 3 2 应当遵循的界面设计规范 3 2.1用户界面设计原则 3 2.2界面一致性 3 2.3布局合理化原则 4 3 界面的关系图和工作流程图 5 4 主界面 5 4.1主界面 5 4.2子界面A 6 4.3子界面B 6 4.4子界面C 7 4.5子界面D 7 4.6子界面E 8 4.7子界面F 8 5 美学设计 9 6 界面资源设计 9 6.1图标资源 9 6.2图像资源 9 6.3界面组件 9 7 其他 9 引言 1.1编写目标 本文档是对系统界面设计风格进行描述，和用户交互最终界面在《具体设计说明书》中设计和解释。 1.2项目背景 信息科学和技术学院 10级软件工程六班软件工程作业：基于Zigbee技术福利院看护系统。 1.3定义、缩略词 Zigbee：Zigbee是一个低速短距离传输无线网络协定，底层是采取IEEE802.15.4 标准规范媒体存取层和实体层。关键特色有低速、低耗电、低成本、支援大量网络节点、支援多个网络拓扑、低复杂度、快速、可靠、安全。Zigbee协定层从下到上分别为实体层（PHY）、媒体存取层（MAC）、网络层（NWK）、应用层（APL）等。 用户界面：又称人机界面，实现用户和计算机之间得通信，以控制计算机或进行用户和计算机之间得数据传送得系统部件。?GUI：即图形用户界面，一个可视化得用户界面，它使用图形界面替换正文界面。 1.4参考资料 应该遵照界面设计规范 用户界面设计标准 本系统坚持图形用户界面（GUI）设计标准，界面直观、对用户透明。用户接触软件后对界面上对应功效一目了然、不需要多少培训就能够方便使用本应用系统。?界面设计员应该明白软件中用户是全部处理关键，不应该有应用程序来决定处理过程，所以用户界面应该由用户来控制应用怎样工作、怎样响应，而不是由开发者按自己意愿把操作步骤强加给用户。?界面设计必需经过确定才能完成。 界面一致性? 在界面设计中应该保持界面一致性。一致性既包含使用标准控件,也指使用相同信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。 显示信息一致性标准 （1）标签提醒:字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、通常情况为五号（10号）；?（2）日期:正常字体、宋体、白底黑字、3-D?lowered；?（3）对齐方法：? 左对齐:通常文字、单个数字、日期等? 右对齐:数字、时间、日期加时间。?（4）分辨率为800*600，增强色16色?（5）字体缺省为宋体、五号、黑色?（6）底色缺省采取灰色?这些信息排列显示风格供参考,?在同一个应用中,这些信息表现方法不一致,会使得用户分散注意力,影响这一软件使用，所以开发者应该注意在同一软件中表现形式一致性。? 布局合理化标准 应注意在一个窗口内部全部控件布局和信息组织艺术性,使得用户界面美观。在一个窗口中按tab键,移动聚焦次序不能杂乱无章,tab次序是先从上至下，再从左至右。首先应输入和关键信息控件在tab次序中应该靠前,位置也应放在窗口上较醒目标位置。该系统界面设计布局努力争取简练、有序、易于操作。 鼠标和键盘对应标准 应遵照是可不用鼠标标准:应用中功效只用键盘也应该能够完成,即设计应用中还应加入部分必需按钮和菜单项。不过,很多鼠标操作,如双击、拖动对象等,并不能简单地用键盘来模拟即可实现。比如在一个列表框中用鼠标双击其中一项能够表示选中该项内容。为了用键盘也能实现这一功效,必需在窗口中定义一个表示选中按钮,以作为实现双击功效替换（或其它方法）。又如在一个窗口中有两个数据窗口,能够用鼠标从一个数据窗口中将一项拖出然后放到另一个中。假如只用键盘,就应该在菜单中设置拷贝或移动菜单项 界面关系图和工作步骤图   主界面 4.1 登录界面 用户登录看护系统界面，是一个独立于首页之外界面，用户必需登录才能查看到首页上信息，以次来增加系统信息安全性。在登录时，用户能够选择登录权限即“看护员”、