UXers如何进行规范化的交互设计

一、设计规范的存在目的

让工程师更清晰、准确地还原设计师的想法；让设计师的继承者或设计团队的加入者更快的上手。

UXers如何进行规范化的交互设计

二、设计规范是什么？

功能手机到智能手机的迭代更换，逐渐沉淀形成了互联网产品的设计规范。但不完全等于设计规格。设计规格是包含一切跟色号、大小、间距、比例、动效等相关的指标，有文本、icon、页面布局等，它并不包含产品设计遵循的原则或者产品诞生的来龙去脉、产品理念等。

所以完整的设计规范包含两方面：设计指南和设计规格。细分为以下四点：

UXers如何进行规范化的交互设计

比如对于一个按钮的设计，谷歌在设计规范中不仅列举了三种按钮的形式，还说明了按钮的使用范围，以及使用的不同场景和典型的正反例。

UXers如何进行规范化的交互设计

所以在撰写设计规范的时候，先要分出所设计的对象，说明对象在整个产品中存在的场景和意义；然后规定对象在每个细节场景下的具体表现；最后通过给出正反例的对比，告诉阅读者应该怎样做不应该怎样做。

三、容易忽略的环节

文本和会话描述

根据产品的定位和理念来规定语言的书面程度、活泼程度、情感倾向等。

尤其要注意人称的统一、称呼的统一、句式的统一、语气语调的统一等。

不要有歧视性文字词语存在。

同样也可以规定会话的正反例。

UXers如何进行规范化的交互设计

四、如何验证设计规范的实用性

做情景式表达：用户使用地图或者用户故事板。

UXers如何进行规范化的交互设计

五、一个团队如何进行规范化设计？

是参考/沿用目前市场上已有的IOS或谷歌的设计规范，还是从头开始创建自己团队的设计规范？

这个需要根据实际工作中，团队本身的工作模式或者产品的管理模式来定。比如有的团队的设计人员其实是分散的，每个设计人员跟着独立的产品团队工作。每个产品团队可能都有不同的风格，且产品团队的自主权高于设计团队；所以难以在设计人员中取得统一的设计标准。这时，就应该明确各个不同产品中间有没有相似的、通用的设计规则是可以遵循的；其他不同的可以根据产品的特点进行差异化设计。

其次是产品如果是分为多个迭代管理，就需要明确每个迭代中哪些原来的设计需要保证一贯性、哪些是要有创新型的改变等。

如果不是大型的企业，具有独立特色的设计团队，还是建议采用行业通用的、覆盖面广泛的设计规范。

六、认识material design

Material Design是谷歌产品设计规范，有以下几个特点。

团队成员在学习MD之后，可以遵循下面三个步骤进行规范化设计：

1、确认设计面以及问题

根据标准典型的界面拉出来拼出来一个典型界面。明确设计的目的和范围。

2、根据MD进行模块化规范

对自己产品功能进行模块化分析，尽可能对应先前MD的典型界面。

3、根据业务实际情况进行灵活调整

如果MD中有一些通用性的规则，可以遵循这一规则来进行业务设计上的调整。

UXers如何进行规范化的交互设计