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

《校园一卡通系统用户界面设计(共9页).doc》由会员分享，可在线阅读，更多相关《校园一卡通系统用户界面设计(共9页).doc（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精选优质文档-倾情为你奉上校园一卡通系统用户界面设计报告2014年08月专心-专注-专业目录第1章 文档介绍校园一卡通系统(简称一卡通系统)用户界面设计报告是描述用户界面操作风格、配置、框架的唯一一份系统设计报告。1.1 文档目的 它指定了用户界面的操作风格，一个优良的系统，需要有统一的操作风格。 它指定了用户界面的美学设计，包括配合和布局。 它指定了用户界面的各级界面风格。1.2 文档范围本文档主要是描述用户界面设计，不涉及功能以及数据信息。1.3 读者对象一卡通系统用户界面设计报告的读者主要分为两部分人：UI开发人员、用户。1.4 术语与缩写解释缩写、术语解 释第2章 应当遵循的界面设计规

2、范软件用户界面是指软件用于和用户交流的外观、部件和程序等等。软件界面的设计，既要从外观上进行创意以到达吸引眼球的目的，还要结合图形和版面设计的相关原理，从而使得软件设计变成了一门独特的艺术。通常的讲，企业软件用户界面的设计应遵循以下几个基本原则：1）用户向导设计用户界面首先要明确到底谁是使用者，要站在用户的观点和立场上来考虑设计软件。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。设计者要清楚，用户之间差别很大，他们的能力各有不同。2）简单原则简洁和易于操作是界面设计的最重要的原则。毕竟，软件建设出来是用于用户来查阅信息和使用服务。不需要在界面上设置过多的操作，堆集上很多

3、复杂和花哨的图片。该原则一般的要求，是操作设计尽量简单，并且有明确的操作提示;软件所有的内容和服务都在显眼处向用户予以说明等。3）和谐与一致性通过对软件的各种元素(颜色、字体、图形、空白等)使用一定的规格，使得设计良好的网页看起来应该是和谐的。或者说，软件的众多单独网页应该看起来像一个整体。软件设计上要保持一致性，这又是很重要的一点。一致的结构设计，可以让浏览者对软件的形象有深刻的记忆;一致的导航设计，可以让浏览者迅速而又有效的进入在软件中自己所需要的部分;一致的操作设计，可以让浏览者快速学会在整个软件的各种功能操作。破坏这一原则，会误导浏览者，并且让整个软件显的杂乱无章，给人留下不良的印象。

4、当然，软件设计的一致性并不意味着刻板和一成不变，有的软件在不同栏目使用不同的风格，或者随着时间的推移不断的改版软件，会给浏览者带来新鲜的感觉。第3章 主界面系统的主界面如下图示：在上图中，整个主界面主要是功能菜单栏部分，它包含了所有当前用户所能够操作的功能入口集合。第4章 分界面4.1串口操作在上图中，整个界面主要是打开串口功能。4.2发卡功能在上图中，整个界面是发卡注册功能，向数据库中添加卡片信息。4.3充值功能在上图中，整个界面是充值功能，将数据库和卡片中的金额增加。4.4食堂消费功能在上图中，整个界面是食堂消费功能，将数据库和卡片中的金额扣减。4.5澡堂消费功能在上图中，整个界面是澡堂消费功能，将数据库和卡片中的金额扣减。4.6商店消费功能在上图中，整个界面是商店消费功能，将数据库和卡片中的金额扣减。4.7挂失（取消挂失）功能在上图中，整个界面是挂失（取消挂失）功能，将数据库中该卡片的状态信息更改。4.8退卡功能在上图中，整个界面是退卡功能，将数据库中该卡片的信息删除。