工资管理系统用户界面设计

工资管理系统用户界面设

计

The Standardization Office was revised on the afternoon of December 13, 2020

工资管理系统用户界面设计报告

文件状态：

[√] 草稿

[ ] 正式发布

[ ] 正在修改文件标

识：

Company-Project-SD-UI

当前版

本：

作者：

完成日

期：

2012-12-25

机构公开信息

版本历史

目录

0. 文档介绍.................................................................................... 错误!未定义书签。

文档目的 ................................................................................... 错误!未定义书签。

文档范围 ................................................................................... 错误!未定义书签。

读者对象 ................................................................................... 错误!未定义书签。

参考文献 ................................................................................... 错误!未定义书签。

术语与缩写解释 ......................................................................... 错误!未定义书签。

1. 应当遵循的界面设计规范 ........................................................... 错误!未定义书签。

2. 界面的关系图和工作流程图........................................................ 错误!未定义书签。

3. 主界面 ....................................................................................... 错误!未定义书签。

4. 子界面A .................................................................................... 错误!未定义书签。

5. 子界面B .................................................................................... 错误!未定义书签。

6. 美学设计.................................................................................... 错误!未定义书签。

7. 界面资源设计............................................................................. 错误!未定义书签。

8. 其他 .......................................................................................... 错误!未定义书签。

0. 文档介绍

文档目的

界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。界面设计文档可以让用户对软件产品有了更直观的了解，并且了解各个模块的设计及用意。

文档范围

文档包括员工管理界面设计，客户管理界面设计，产品管理界面设计，其中各个界面包括框架设计，编程设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态栏设计。

读者对象

购买系统的顾客、系统的所有者、开发者以及管理员。

参考文献

[1] 张海藩，《软件工程导论（第5版）》，清华大学出版社，1900年01月

[2] 杨培添，《软件界面设计》，电子工业出版社，2007年02月

[3] 林锐，《Web软件用户界面设计指南》，电子工业出版社，2005年5月

术语与缩写解释

1. 应当遵循的界面设计规范

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

◆用户导向原则：

明确到底谁是使用者，要站在用户的观点和立场上来考虑设计软件。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。界面的设计者要清楚，用户之间差别很大，他们的能力各有不同。比如有的用户可能会在视觉方面有欠缺（如色盲），对很多的颜色分辨不清；有的用户的听觉也会有障碍，对于软件的语音提示反映迟钝；而且相当一部分用户的计算机使用经验很初级，对于复杂一点的操作会感觉到很费力。另外，用户使用的计算机机器配置也是千差万别，包括显卡、声卡、内存、网速、操作系统以及浏览器等都会有不同。设计者如果忽视了这些差别，设计出的界面在不同的机器上显示就会造成混乱。

◆KISS原则：

KISS原则就是"Keep It Simple And Stupid"的缩写，简洁和易于操作是界面设计的最重要的原则。操作设计尽量简单，并且有明确的操作提示；软件所有的内容和服务都在显眼处向用户予以说明等。

◆布局控制：

关于界面排版布局方面，很多界面设计者重视不够，界面排版设计的过于死板，甚至照抄他人。如果界面的布局凌乱，仅仅把大量的信息堆集在页面上，会干扰浏览者的阅读。一般在界面设计上所要遵循的原理有：

视觉平衡：

根据视觉原理，图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，在设计界面时需要以更多的文字来平衡一幅图片。另外，按照中国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个道理。

◆色彩的搭配和文字的可阅读性：

颜色是影响界面的重要因素，不同的颜色对人的感觉有不同的影响，例如：

✧红色和橙色使人兴奋并使得心跳加速；黄色使人联想到阳光，是

一种快活的颜色；黑颜色显得比较庄重，考虑到你希望对浏览者

产生什么影响，为界面设计选择合适的颜色（包括背景色、元素

颜色、文字颜色、链节颜色等）。

✧为方便阅读软件上的信息，可以参考报纸的编排方式将界面的内

容分栏设计，甚至两栏也要比一满页的视觉效果要好。