小公司也能做出漂亮的软件——界面设计开发规范

1.概述

软件界面经常是中小型软件企业开发产品的一个弱项。小企业出于成本的考虑，在界面设计上往往投入有限，不少公司甚至没有专职的界面设计人员。其实，制定好一套合理的界面设计开发规范并且坚持执行，在不需要增加太大投入的情况下，同样会使你的软件界面上一个新台阶。因此本文不是教你具体怎么设计，而是建议你在设计时应该遵循什么样的流程，并指出一些要注意的地方和实用的技巧。

2.界面设计遵循的原则与规范

2.1基本原则

总述：无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。

这样得到的好处：

1)使用户使用起来能够建立起精确的心里模型，使用熟练了一个界面后，切换到另外一个界面能够很轻松的推测出各种功能，语句理解也不需要费神理解；

2)降低培训、支持成本，支持人员不会行费力逐个指导；

3)给用户统一感觉，不觉得混乱，心情愉快，支持度增加；

做法是确立UI规范，下面是一些规范：

1)设计提供色调配色方案，提供整体配色表；

2)设计统一使用的控件库。参考标准界面使用规范；

3)运用统一的控件功能图标,遵循行业标准，控件样式在允许的范围内可以统一修改其样式、色调；

4)参考其他软件先进操作，提取对本项目有用的功能，以使用，绝对不能盲从，漫无目的；

5)根据需要，设计特殊操作控件，准则为：简化操作、标准化功能；

6)界面开发人员与UI设计人员需要交流控件可实现性。如不实行此步骤，将会导致各自对对方工作不满意，也会产生不一致的混乱。这项工作需要反复进行；

2.2颜色使用恰当，遵循对比原则

1)统一色调，针对软件类型（工业软件）以及用户工作环境选择蓝色作为其主色调；

2)根据UI设计的系列界面，做到与操作系统统一；

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

4)遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色文字，蓝色文字以白色背景容易识别，因两色反差很大。同时需要用户注意的地方（如警告）需要使用对比度大的颜色，让用户首先看到这部分；

5)有统一的构图布局，有统一的色调、对比度、色阶，以及图片风格；

6)图标、图像应该很清晰的表达出意思，遵循常用标准，或者用户容易联想的到物件，绝对不允许出现莫名奇妙的图案；

7)鼠标光标样式统一，尽量使用操作系统标准；

2.3字体

中文采用的字体推荐华文访宋和楷体，不考虑特殊字体（隶书、草书等），特殊情况可以使用图片取代，保证每个用户使用起来显示都很正常。

2.4文字

提示信息、帮助文档文字表达遵循以下准则：

1)口语化，有礼貌，减少使用专业术语；

2)注意断句、逗号、句号、顿号、分号的用法，提示信息比较多的话，应该分段；

3)警告、信息和错误使用对应的表示方法；

4）使用统一的语言描述，例如一个关闭功能按钮，可以描述为“退出”、“返回”或“关闭”，则应该统一规定；

5）注意检查是否有产品管理系统里面列出来的常见问题《文本经常犯的问题》；

3.设计流程

3.1界面设计

结合循环讨论过的分析结果做设计，色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。

3.2界面输出

在这一部分就是配合好开发人员完成相关的界面结合、上线。

3.3完善工作

这个环节是很多部门共同参与的，包括可用性的循环研究、用户体验回馈、测试回馈。同时，把一些可行性建议进行完善。与团队配合并发挥自己应有的作用非常重要。能贯穿整个UI流程进行工作，而并非是单纯的图形界面设计。

3.4后续跟踪和分析

根据上线界面效果进行细部的完善，改动；或者对相应的界面进行已发现的问题，作为下阶段，（如分析设计阶段）相关的总结、改善记录等。