Angel-用户界面设计报告--.docVIP

用户界面设计报告 { 门控系统} 用户界面设计报告 文件状态： [] 草稿 [√ ] 正式发布 [ ] 正在修改 文件标识： Company-Project-SD-ARCHITECTURE 当前版本： 作者： 完成日期： 版 本 历 史 版本/状态 作者 参与者 起止日期 备注 Angele 小组成员 07.8—07.9 目 录 文档介绍 界面的关系图和工作流程图给所有界面视图分配唯一的标识符。绘制各个界面之间的关系图和工作流程图。绘制主界面的视图；说明主界面中所有对象的功能和操作方式；阐述界面的布局及理由阐述界面的色彩及理由文档目的 0.2 文档范围 0.3 读者对象 0.4 参考文献 2008.[1]ISBN 978-7-81124-337-6.ARM9嵌入式系统设计基础教程.北京航空航天大学出版社.黄智伟，邓月明，王彦.2008.8 [2]ISBN 978-7-5606-2005-3/TN.0414.嵌入式实时操作系统μC/OS-Ⅱ教程.吴永忠，程文娟，郑淑丽，徐海卫.2007.12 0.5 术语与缩写解释 缩写、术语 解 释 SPP 精简并行过程，Simplified Parallel Process 基于ARM的C语言编辑器 CMOS 电压控制的一种放大器件Complementary Metal Oxide Semiconductor friendlyARM 友善之臂，基于ARM的开发板 1. 应当遵循的界面设计规范 （）控件的位置拖放安排 在界面设计中，并不是所有的元素都具有相同的重要性，所以重要的和需要经常访问的元素应当处于显著的位置，次要的元素则应当处于次要的位置。习惯的阅读顺序一般是从左到右，从上到下。按照此原则，用户第一眼看到的应是屏幕的左上部分，因此最重要的元素应当定位在这里，（）控件的大小与一致性编排控件的大小设置是程序设计时经常遇到的问题，虽然操作非常简单，但在决定控件大小时却很让人头疼。合理设置控件的大小以达成一致性是界面设计中的重要问题之一，一致性的外观将体现应用程序的协调性。如果缺乏一致性就会使界面混乱而无序，这样的界面将会使应用程序看起来混乱而不严密，体现不出应有的价值，不但对用户的使用带来不便，甚至还会使用户觉得应用程序不可靠。例如，在控件中使用相同的颜色作为背景色等，如果没有特别需要，尽量不使用鲜艳的颜色。如果两种控件选择了不同的颜色和显示效果，那么应用程序将会显得十分不协调。所以在时，坚持用同一种风格贯穿整个应用。 （）合理利用空间，保持界面的简洁在界面的空间使用上，形成一种简洁明了的布局。在用户界面中使用空白空间有助于突出元素和改善可用性。即合理使用体控件之间以及控件四周的空白区域。一个窗体上有太多的控件会导致界面杂乱无章，给寻找字段或者控件带来不便或者困难。因此，在设计中需插入空白空间来突出设计元素。各控件之间一致的间隔以及垂直与水平方向各元素的对齐也可以使设计更为明了，行列整齐、行距一致、整齐的界面安排也会使其容易阅读。 （）合理利用颜色、图像和显示效果来达成内容与形式的统一界面上使用颜色可以增加视觉上的感染力，现在的许多显示器能够显示上百万种的不同颜色，这很容易使人想要全部使用它们。如果在开始设计时没有仔细地考虑，颜色也会像其它基本设计原则一样出现许多问题。每个人对颜色的喜爱有很大的不同，用户的品味也会各不相同。颜色能够引发强烈的情感，设计针对普遍用户的程序，一般说来保守传统，采用一些柔和的、更中性化的颜色。当然，对特定的用户就要依据用户自己的选择了。少用明亮色彩可以有效地突出或者吸引人们对重要区域的注意。另外，图片与图标使用也可以增加应用程序视觉上的2.工作流程图 图2-3-1 处理流程图 主界面的关系图 主机界面关系图（续） 从机界面关系图（续） 3. 主界面 绘制主界面的视图 4. 子界面A 6. 美学设计 （1）（2）设计针对普遍用户的程序，一般说来保守传统，采用一些柔和的、更中性化的颜色。当然，对特定的用户就要依据用户自己的选择了。少用明亮色彩可以有效地突出或者吸引人们对重要区域的注意。另外，图片与图标使用也可以增加应用程序视觉上的7. 界面资源设计 7.1 图标资源7.2 图像资源7.3 界面组件 用户界面报告 Angel-门控设计小组 6 5 删除留言 存在 不存在 更改铃音 放音 录音 完成 完成 返回 主界面 启动 摄像头 客户机门 铃按下 重设密码 正确 不正确 正确 不正确 按下 开门键 未按下 开门键 返回主界面 按铃 是 否 密 码 错 误 输入密码 密码输入正确