校园一卡通系统用户界面设计(共9页)

1、精选优质文档-倾情为你奉上专心-专注-专业校园一卡通系统校园一卡通系统用户界面设计报告用户界面设计报告20142014 年年 0808 月月精选优质文档-倾情为你奉上专心-专注-专业目目录录精选优质文档-倾情为你奉上专心-专注-专业第第 1 章章文档介绍文档介绍校园一卡通系统(简称一卡通系统)用户界面设计报告是描述用户界面操作风格、配置、框架的唯一一份系统设计报告。1.1文档目的文档目的 它指定了用户界面的操作风格，一个优良的系统，需要有统一的操作风格。 它指定了用户界面的美学设计，包括配合和布局。 它指定了用户界面的各级界面风格。1.2文档范围文档范围本文档主要是描述用户界面设计，不涉及功能

2、以及数据信息。1.3读者对象读者对象一卡通系统用户界面设计报告的读者主要分为两部分人：UI 开发人员、用户。1.4术语与缩写解释术语与缩写解释缩写、术语缩写、术语解解 释释精选优质文档-倾情为你奉上专心-专注-专业第第 2 章章应当遵循的界面设计规范应当遵循的界面设计规范软件用户界面是指软件用于和用户交流的外观、部件和程序等等。软件界面的设计，既要从外观上进行创意以到达吸引眼球的目的，还要结合图形和版面设计的相关原理，从而使得软件设计变成了一门独特的艺术。通常的讲，企业软件用户界面的设计应遵循以下几个基本原则：1）用户向导）用户向导设计用户界面首先要明确到底谁是使用者，要站在用户的观点和立场上

3、来考虑设计软件。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。设计者要清楚，用户之间差别很大，他们的能力各有不同。2）简单原则）简单原则简洁和易于操作是界面设计的最重要的原则。毕竟，软件建设出来是用于用户来查阅信息和使用服务。不需要在界面上设置过多的操作，堆集上很多复杂和花哨的图片。该原则一般的要求，是操作设计尽量简单，并且有明确的操作提示;软件所有的内容和服务都在显眼处向用户予以说明等。3）和谐与一致性和谐与一致性通过对软件的各种元素(颜色、字体、图形、空白等)使用一定的规格，使得设计良好的网页看起来应该是和谐的。或者说，软件的众多单独网页应该看起来像一个整体。软件设

4、计上要保持一致性，这又是很重要的一点。一致的结构设计，可以让浏览者对软件的形象有深刻的记忆;一致的导航设计，可以让浏览者迅速而又有效的进入在软件中自己所需要的部分;一致的操作设计，可以让浏览者快速学会在整个软件的各种功能操作。破坏这一原则，会误导浏览者，并且让整个软件显的杂乱无章，给人留下不良的印象。当然，软件设计的一致性并不意味着刻板和一成不变，有的软件在不同栏目使用不同的风格，或者随着时间的推移不断的改版软件，会给浏览者带来新鲜的感觉。精选优质文档-倾情为你奉上专心-专注-专业第第 3 章章主界面主界面系统的主界面如下图示：在上图中，整个主界面主要是功能菜单栏部分，它包含了所有当前用户所能

5、够操作的功能入口集合。精选优质文档-倾情为你奉上专心-专注-专业第第 4 章章 分界面分界面4.1 串口操作串口操作在上图中，整个界面主要是打开串口功能。4.2 发卡功能发卡功能精选优质文档-倾情为你奉上专心-专注-专业在上图中，整个界面是发卡注册功能，向数据库中添加卡片信息。4.3 充值功能充值功能在上图中，整个界面是充值功能，将数据库和卡片中的金额增加。4.4 食堂消费功能食堂消费功能在上图中，整个界面是食堂消费功能，将数据库和卡片中的金额扣减。精选优质文档-倾情为你奉上专心-专注-专业4.5 澡堂消费功能澡堂消费功能在上图中，整个界面是澡堂消费功能，将数据库和卡片中的金额扣减。4.6 商店消费功能商店消费功能在上图中，整个界面是商店消费功能，将数据库和卡片中的金额扣减。精选优质文档-倾情为你奉上专心-专注-专业4.7 挂失（取消挂失）功能挂失（取消