移动界面设计的一致性原则及规范性说明文档编写

对于一致性原则的理解，主要可以分两个部分。

1.视觉一致性

a）对于一款产品进行视觉设计的时候，一定要按照控件的功能进行区分，以保证界面风格的一致以及控件效果与形态的一致。

b）对于一款产品，其视觉效果主要是根据产品所服务的人群以及产品的行业特点来确定的，所以其用色、控件的形状等视觉元素都是有很多可以深入和考究的地方。例如，当设计师准备针对一款健身运动类产品进行视觉设计的时候，那么其视觉风格一定是以干练、力量以及清爽等关键词来进行设计（图5-4）。

图5-4(www.xing528.com)

所以，为了保证产品控件的视觉一致性，当产品设计完成之后会专门针对此产品编写其视觉“规范性说明文档”，以便与工程师顺利地进行对接。还有一个作用便是，当产品因版本升级进行新页面的设计时也能够保证其视觉效果的一致，从视觉上迎合用户的使用习惯。在其中，也会对产品中常用到的一些公共控件、标准色以及标准文字的组合以及使用规范进行重点标注和归类。“规范性说明文档”的编写在后文会详细介绍。

2.操作方式的一致性

操作方式的一致性也是产品“一致性”原则中非常重要的组成部分，例如信息在推送的过程中，采用什么动效来展示，以及当用户点击列表或者按钮的时候，得到的反馈也应该有所不同，并且根据点击不同的功能控件选择与之相匹配的动效来展示。iOS以及Material Design设计语言都对此做出了明确的规定。

再来举一个例子，大家所熟悉的“侧滑式”布局，按照用户的操作习惯，通常都会把侧滑的弹出方向默认为从左往右，并且触发侧滑式布局的图标也应该和侧滑的位置保持一致。那么，如果在其余二级页面也存在侧滑式布局的话，最好也将其侧滑弹出的方向和动效与当前页面保持一致，用户在进行交互的过程中就会感觉更加的统一，用户体验也会更加良好。