智慧农业系统

用户界面设计报告

2012年08月

目　　　录

第1章                  文档介绍.......................................................................... 1

1.1                        文档目的........................................................................... 1

1.2                        文档范围........................................................................... 1

1.3                        读者对象........................................................................... 1

1.4                        术语与缩写解释............................................................... 1

第2章                  应当遵循的界面设计规范............................................. 2

第3章                  主界面.............................................................................. 3

第4章                  列表页面.......................................................................... 4

第1章    文档介绍

智慧农业系统，数据库设计报告是描述用户界面操作风格、配置、框架的唯一一份系统设计报告。

1.1       文档目的

智慧农业系统数据库设计报告是描述用户界面操作风格、配置、框架的唯一一份系统设计报告。

Ø  它指定了用户界面的操作风格，一个优良的系统，需要有统一的操作风格。

Ø  它指定了用户界面的美学设计，包括配合和布局。

Ø  它指定了用户界面的各级界面风格。

1.2       文档范围

本文档主要是描述用户界面设计，不涉及功能以及数据信息。

1.3       读者对象

任务管理系统需求规格说明书的读者主要分为三部分人：UI开发人员、用户。

1.4       术语与缩写解释

第2章   应当遵循的界面设计规范

软件用户界面是指软件用于和用户交流的外观、部件和程序等等。软件界面的设计，既要从外观上进行创意以到达吸引眼球的目的，还要结合图形和版面设计的相关原理，从而使得软件设计变成了一门独特的艺术。通常的讲，企业软件用户界面的设计应遵循以下几个基本原则：

1）用户向导

设计用户界面首先要明确到底谁是使用者，要站在用户的观点和立场上来考虑设计软件。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。设计者要清楚，用户之间差别很大，他们的能力各有不同。

2）简单原则

简洁和易于操作是界面设计的最重要的原则。毕竟，软件建设出来是用于用户来查阅信息和使用服务。不需要在界面上设置过多的操作，堆集上很多复杂和花哨的图片。该原则一般的要求，是操作设计尽量简单，并且有明确的操作提示;软件所有的内容和服务都在显眼处向用户予以说明等。

3）和谐与一致性

通过对软件的各种元素(颜色、字体、图形、空白等)使用一定的规格，使得设计良好的网页看起来应该是和谐的。或者说，软件的众多单独网页应该看起来像一个整体。软件设计上要保持一致性，这又是很重要的一点。一致的结构设计，可以让浏览者对软件的形象有深刻的记忆;一致的导航设计，可以让浏览者迅速而又有效的进入在软件中自己所需要的部分;一致的操作设计，可以让浏览者快速学会在整个软件的各种功能操作。破坏这一原则，会误导浏览者，并且让整个软件显的杂乱无章，给人留下不良的印象。当然，软件设计的一致性并不意味着刻板和一成不变，有的软件在不同栏目使用不同的风格，或者随着时间的推移不断的改版软件，会给浏览者带来新鲜的感觉。

第3章   主界面

系统的主界面如下图示：

在上图中整个主界面分为五个部分，其中菜单栏提供功能菜单，手动控制来控制对应的设备，智能控制中设置相对应的阈值，摄像头来显示图像。环境参数用来显示环境数据

第4章    登录界面

发卡的界面如下图示：

在整个登录界面主要是判断人员是否能够操作该软件。

第5章    添加用户界面

添加用户的界面如下图示：

在整个添加界面主要是用来将用户的信息，并将数据添加到数据库中。

第6章    网关设置界面

网关设置的界面如下图示：

在网关设置界面主要是将网关信息添加到数据库中，并且进行连接测试判断电脑与网关的通信链路是否正常。

第7章    用户管理界面

用户管理的界面如下图示：

在用户管理界面中，主要是从数据库中查找所有用户，并且显示到列表中，提供新增、编辑、删除用户的入口。