校园一卡通系统用户界面设计.doc

《校园一卡通系统用户界面设计.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、校园一卡通系统用户界面设计报告2014年08月目　　　录第1章文档介绍11.1文档目的11.2文档范围11.3读者对象11.4术语与缩写解释1第2章应当遵循的界面设计规范2第3章主界面3第4章分界面4第II页第1章文档介绍校园一卡通系统(简称一卡通系统)用户界面设计报告是描述用户界面操作风格、配置、框架的唯一一份系统设计报告。1.1文档目的Ø它指定了用户界面的操作风格，一个优良的系统，需要有统一的操作风格。Ø它指定了用户界面的美学设计，包括配合和布局。Ø它指定了用户界面的各级界面风格。1.2文档范围本文档主要是描述用户界面设计，不涉及功能以及数据信息。1.3读者对象一卡通系

2、统用户界面设计报告的读者主要分为两部分人：UI开发人员、用户。1.4术语与缩写解释缩写、术语解释…-7-第1章应当遵循的界面设计规范软件用户界面是指软件用于和用户交流的外观、部件和程序等等。软件界面的设计，既要从外观上进行创意以到达吸引眼球的目的，还要结合图形和版面设计的相关原理，从而使得软件设计变成了一门独特的艺术。通常的讲，企业软件用户界面的设计应遵循以下几个基本原则：1）用户向导设计用户界面首先要明确到底谁是使用者，要站在用户的观点和立场上来考虑设计软件。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。设计者要清楚，用户之间差别很大，他们的能力各

3、有不同。2）简单原则简洁和易于操作是界面设计的最重要的原则。毕竟，软件建设出来是用于用户来查阅信息和使用服务。不需要在界面上设置过多的操作，堆集上很多复杂和花哨的图片。该原则一般的要求，是操作设计尽量简单，并且有明确的操作提示;软件所有的内容和服务都在显眼处向用户予以说明等。3）和谐与一致性通过对软件的各种元素(颜色、字体、图形、空白等)使用一定的规格，使得设计良好的网页看起来应该是和谐的。或者说，软件的众多单独网页应该看起来像一个整体。软件设计上要保持一致性，这又是很重要的一点。一致的结构设计，可以让浏览者对软件的形象有深刻的记忆;一致的导航设计，可以让浏览者迅速而又有效

4、的进入在软件中自己所需要的部分;一致的操作设计，可以让浏览者快速学会在整个软件的各种功能操作。破坏这一原则，会误导浏览者，并且让整个软件显的杂乱无章，给人留下不良的印象。当然，软件设计的一致性并不意味着刻板和一成不变，有的软件在不同栏目使用不同的风格，或者随着时间的推移不断的改版软件，会给浏览者带来新鲜的感觉。-7-第1章主界面系统的主界面如下图示：在上图中，整个主界面主要是功能菜单栏部分，它包含了所有当前用户所能够操作的功能入口集合。-7-第1章分界面4.1串口操作在上图中，整个界面主要是打开串口功能。4.2发卡功能在上图中，整个界面是发卡注册功能，向数据库中添加卡片信息

5、。-7-4.3充值功能在上图中，整个界面是充值功能，将数据库和卡片中的金额增加。4.4食堂消费功能在上图中，整个界面是食堂消费功能，将数据库和卡片中的金额扣减。-7-4.5澡堂消费功能在上图中，整个界面是澡堂消费功能，将数据库和卡片中的金额扣减。4.6商店消费功能在上图中，整个界面是商店消费功能，将数据库和卡片中的金额扣减。-7-4.7挂失（取消挂失）功能在上图中，整个界面是挂失（取消挂失）功能，将数据库中该卡片的状态信息更改。4.8退卡功能在上图中，整个界面是退卡功能，将数据库中该卡片的信息删除。-7-