设计规范的养成犹如航海的帆船要巩固好才能航行的更远，更稳。
为什么要做设计规范？（why）
如果说工作两年我养成了什么习惯的话，那一定是在做任何需求之前，都先问问自己“为什么要做这件事”。整理规范也是一样，做之前先要想清楚为什么要做规范？清楚的了解做一件事的价值有助于我们产生心理认同，从而更好的实施。
1.保证平台统一性
统一性是交互设计的一个基本原则，在一个长期迭代多人合作的项目中，不同的设计师会负责不同的模块，每个人都有各自的思路，就有可能会对相同的元素做出了不同的方案，对于用户来说容易造成困惑，对品牌整体形象的建设也没有好处。所以对于较大型的产品，最好有设计规范来定义基本的元素，帮助众多设计师一起做出有统一性的产品。
2.提升团队工作效率
对于同一个基本元素，如果没有设计规范，交互设计师需要设计一次交互方式，视觉设计师需要设计一次外形，UI开发同学需要开发一次，每个不同的设计师遇到这个元素时都可能重新设计一遍。但如果有了设计规范，只需设计一次，团队中任何一个设计师需要用的时候直接拿来用就可以了，也不需要再进行视觉和开发，极大的提升了效率。
3.打磨细节体验
在整理每个元素的规范时，设计师都需要对其场景、状态考虑清楚。在整理的过程中，经常会发现一些以前没注意到的问题，并进行优化。把一个小元素单独拎出来仔细考量，写成一篇完整规范的过程，其实就是在打磨细节的过程。
什么时候做设计规范？（when）
虽说最理想的情况是在做设计前把设计准则、风格、规范都定义清楚，但在实际项目中很少能有条件这样做。项目初期总是小步快跑、先上再说，产品在不断试错的同时设计也是在不断试错，在一开始就能定义一个完全“正确”的规范其实是不太现实的。
通常情况下，在产品发展日趋平稳，产品定位和品牌形象都比较确定的时候；参与设计的人越来越多，统一性和效率的问题渐渐显现出来的时候，就是需要定义和整理设计规范的时候。
一.用户目标
设计规范的目标用户有可能只是一个团队内的设计师，有可能是第三方的工作人员，有可能是公开给所有人都可以查看的。不管是哪种类型的用户，都会有一个基本一致的目标，那就是“快速的在规范中找到有效信息并获得指导”。在这个一致的目标下又有所不同之处。
1.团队内设计师——准确使用
团队内的设计师通常情况下需要尽可能的依据规范做出“准确”的设计，保证元素使用在正确的场景下，保证整个平台的一致性。所以给团队内的设计师看的规范相对来说会详细很多，以腾讯云内部设计规范为例，需要包含实际的交互场景举例及说明帮助交互设计师理解和判断，需要包含视觉标注帮助视觉设计师和UI工程师查阅等。
二. 单个规范的整理流程
整体计划制定好之后，就需要开始一个个整理规范内容了。整理单个规范的内容也是有流程可寻的，如下图所示。下面以整理“对话框”规范为例，讲解一下单个规范整理的流程。
1.收集场景
给已经趋于成熟的产品整理规范，第一步就是要先收集场景。以对话框为例，对话框可能出现的地方很多，类型也各有不同，在没有规范之前，产品中可能会有各种各样的对话框，每个设计师做的可能都有些差别，所以第一步，是把产品中所有出现过的对话框都收集起来。
2.归纳分类
场景收集完后，就要对收集到的所有场景进行归类，例如对话框按照样式不同可以分为“模态对话框”和“非模态对话框”，在模态对话框中按照功能不同又可以分成“确认类对话框”、“反馈&警示类对话框”、“表单类对话框”。归纳分类的作用在于，可以把众多的场景收拢成几个典型的种类，只对典型种类进行定义和详细描述就可以很好的给用户起到指导作用；同时归类之后减少了规范对象的种类，更好的保证产品的一致性。
3.给出定义
分类确定好后就可以开始给出定义了，首先给出整个规范对象的定义，例如对话框是什么，什么情况下适合用对话框等。除了整体的定义外，每个类型也需要有定义，帮助用户理解每种类型有何差别，什么场景选用哪种类别等。
4.优化方案
分类和定义都确定后，需要对各类型进行优化输出最终的规则，对于这些细节规则，无法确定的时候可以寻找一些优秀案例来参考，例如优秀的产品、有名的设计指南等。同时可以根据实际场景输出多种优劣不同的方案，和大家一起讨论对比。
5.宣讲讨论
规范整理出后可以在讨论会议上同步给大家，最好事先把所有需要大家一起讨论确定的问题列出来，把对比方案都做好，提高讨论的效率，和大家一起来敲定最终的方案，同时也让每个设计师都了解规范的细节。
6.最终输出
所有问题都敲定后即可按照输出物规范进行输出，输出后交接给视觉设计师。
规范整理完之后还有什么工作？
如所有的设计工作一样，输出并不代表完结。
设计稿输出后还需要确保还原度、保证其正常上线、收集反馈意见不断进行优化。设计规范也一样，做完规范后也要确保还原度，推动新的规范落地；不断收集遗漏的部分补充进规范中，发现问题并不断优化，持续的维护更新规范文档。
有了完善的规范如何进行创新？
规范和创新从来都不是对立的。
1.规范不可能囊括所有场景，即不可能所有场景都需要100%遵循规范。
对于一些规范中没有包含的场景，或者不适合遵循规范的场景，例如一些特殊的运营活动，一些特别的功能点，还是有可以创新的余地的。
2.体验好是第一要义。
遵循规范是为了保证一致性从而保证体验，如果在某些场景下不遵循规范也不会因为影响一致性而影响体验，反而对特定场景有更好的效果时，不遵循规范也没什么关系。
3.规范不是永恒不变的，还有优化的空间。
规范也需要不断的优化、迭代更新，优化规范本身也是创新的过程。例如样式风格随着时间的变化需要更新，例如交互方式也有可能会有新的场景需要补充等等。
整理规范可以锻炼哪些能力？
写一篇分类简单合理，场景、细节考虑完备，展示清晰易读的规范，也不能算是一件很简单的事情，需要用到设计师的很多基础能力，例如：
1.收集信息的能力
在整理规范时，收集场景、收集定义、收集优秀案例都可以锻炼到我们的收集信息能力，这个基本能力在日常工作中也经常需要用到，例如做需求前需要先收集需求背景相关信息，了解清楚是什么、为什么、怎么做的问题。
2.归纳总结的能力
将收集到的信息进行归纳整理，得出简单合理的分类的过程，就是锻炼我们归纳总结能力的过程。在设计时，大到信息架构的设计，小到表单信息分类展示，都需要此能力帮助我们更好的处理信息，更好的将信息展示给用户。
3.全面思考的能力
我一直认为，全面思考的能力是交互设计师最重要的能力。在整理规范时，既需要对全局全面思考，例如什么情况适合用对话框，什么情况不适用，不同类型的对话框应该在哪些场景用等等；也需要对细节全面思考，例如对话框中需要放几个按钮、按钮顺序应该怎么定、按钮文案怎么才好理解等等。在日常工作中也是一样，既要思考全局的问题，例如用户目标、产品目标、整体使用流程等，也要思考细节的问题，例如异常情况怎么办、极限情况有哪些等。
4.清晰表述的能力
在整理过程中和大家讨论，可以锻炼自己的表达能力和说服对方的能力；在输出规范时，又能锻炼清晰的描述能力，帮助用户快速抓住重点。表述能力也是交互设计师的必备能力之一，因为日常工作中经常需要和上下游各类同事沟通、PK，清晰的表述能力可以帮助设计师把全面思考的结果告知他人，并说服他人，推动工作更好的进展下去。
最后
再来回顾一下全文的主要内容：
· 在产品发展到稳定阶段、参与的人越来越多时，还是十分有必要整理设计规范的，因为它可以帮助我们提升产品统一性、团队工作效率以及细节体验。
· 好的设计规范应该是能让用户高效获取到有效信息的，但针对不同的受众，规范本身也会有不同的侧重点。
· 规范的制定最好能有系统的组织、遵循一定的流程来完成，以确保规范有条不紊的整理和推进。
· 规范输出后并不代表完成，还需要推动落地、迭代优化、维护更新。
· 有了规范也不代表设计师就没有创新的空间了，规范和创新从来都不是对立的。
整理规范对设计师的基本能力有很好的锻炼作用，所以各位设计师们整理规范时不要嫌琐碎麻烦，它可以让我们慢慢变强！
作者: 腾讯ISUX
责任编辑：陪学
网友评论