校园一卡通系统

用户界面设计报告

第1章 文档介绍

校园一卡通系统(简称一卡通系统)用户界面设计报告是描述用户界面操作风格、配置、框架的唯一一份系统设计报告。

1.1文档目的

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

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

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

  1.2文档范围

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

  1.3读者对象

  一卡通系统用户界面设计报告的读者主要分为两部分人：UI开发人员、用户。

  1.4术语与缩写解释

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

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

1）用户向导

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

2）简单原则

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

3）和谐与一致性

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

第3章 主界面

系统的主界面如下图示：

在上图中，整个主界面主要是功能菜单栏部分，它包含了所有当前用户所能够操作的功能入口集合。

第4章 分界面

4.1串口操作

在上图中，整个界面主要是打开串口功能。

4.2发卡功能

在上图中，整个界面是发卡注册功能，向数据库中添加卡片信息。

4.3充值功能

在上图中，整个界面是充值功能，将数据库和卡片中的金额增加。

4.4食堂消费功能

在上图中，整个界面是食堂消费功能，将数据库和卡片中的金额扣减。

4.5澡堂消费功能

在上图中，整个界面是澡堂消费功能，将数据库和卡片中的金额扣减。

4.6商店消费功能

在上图中，整个界面是商店消费功能，将数据库和卡片中的金额扣减。

4.7挂失（取消挂失）功能

在上图中，整个界面是挂失（取消挂失）功能，将数据库中该卡片的状态信息更改。

4.8退卡功能

在上图中，整个界面是退卡功能，将数据库中该卡片的信息删除。