UI设计基本流程

1：使用户使用起来能够建立起的心里模型，使用熟练了一个界面后，切换到另外一个界面能够很

轻松的推测出各种功能，语句理解也不需要费神理解 2：降低培训、支持成本，支持人员不会行费力

逐个指导。 3：给用户统一感觉，不觉得混乱，心情愉快，支持度增加

做法：

项目组有经验人士，确立UI规范： 美工提供色调配色方案，提供整体配色表

界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范： 控件功能遵

循行业标准，windows平台参见《Microsoft 用户体验》 控件样式在允许的范围内可以统一修改其样

式、色调

参考其他软件先进操作，提取对本项目有用的功能，以使用，不能盲从，漫无目的。 根据需要，

设计特殊操作控件，准则为：简化操作、达到一定功能目的

界面实施人员与美工商榷控件可实现性,(如不实行此步骤，将会导致各自对对方工作不满意，也会产

生不一致的混乱)。重复叠代上述工作。 建立合理化文档《UI标准》描述上述规范， 强行界面设计者

理解之，并作为开发准则，

SQA人员进行监控开发人员是否遵循，及时告诫开发人员。 2：颜色使用恰当，遵循对比原则：

1：统一色调，针对软件类型以及用户工作环境选择恰当色调：

如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，

淡色可以使人舒适，暗色做背景使人不觉得累等

2：如果没有自己的系列界面，采用标准界面则可以少考虑此方面，做到与操作系统统一，读取系统标

准色表

3：色盲、色弱用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符，着重号

，以及图标等

4：颜色方案也需要测试，常常由于显示器、显卡的问题，色彩表现每台机器都不一样，应该经过严格

测试，不同机器进行颜色测试

5：遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色文字，蓝色文字以白色背景容易

识别，而在红色背景则不易分辨，原因是红色和蓝色没有足够反差，而蓝色和白色反差很大。除非特

殊场合，杜绝使用对比强烈，让人产生憎恶感的颜色。 6：整个界面色彩尽量少的使用类别不同的颜

色 itop色表

具体标准参考美术学统计学术标准。 色表的建设，对于美工在图案设计、包装设计上起着标准参考作

用，对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。 3：资源

一个多姿多彩的人机交互界面，少不了精鼠标光标、图标以及指示图片、底图等。 1：也需要遵

循统一的规则，包括上述颜色表的建立，图标的建立步骤也应该尽可能的形成标准，参考itop的

outlookbar图标设计标准

2：有标准的图标风格设计，有统一的构图布局，有统一的色调、对比度、色阶，以及图片风格

3：底图应该融于底图，使用浅色, 低对比，尽量少的使用颜色。

4：图标、图像应该很清晰的表达出意思，遵循常用标准，或者用户机器容易联想的到物件，不允

许画出莫名奇妙的图案。

5：鼠标光标样式统一，尽量使用系统标准，杜绝出现重复的情况，例如某些软件中一个手的形状就有

4种不同的样子

本文由广州南跃科技有限公司提供。