如何系统地整理设计规范？(2)

由上图可以看出，一整套规范包含的内容非常的多，所以内容和分类整理好后，还需要确定每块内容的优先级和分工。从大的模块上说，首先应当确定整体的设计风格和框架，整体确定后才好确定细节的风格；其次的优先级最好是控件、组件、场景，因为控件组成组件，控件和组件组成场景，所以先确定小的控件后，组件和场景更容易确定。至于分工，规范的制定是整个团队的事情，最好团队中的设计师都能够参与，互相分担工作量以提高规范整理的效率，也能够确保规范是在大家的讨论下制定而成，每个人都参与过并赞同结论。

（3）确定规范展示形式及推进流程

其实确定规范展示形式也是确定规范目标用户，要确定规范是给谁看的，展示在网站上还是直接用文档承载，网站是否对公众开放等问题。确定了这些问题后就可以确定规范的详细程度、大体的展示形式。

推进流程指的是整个项目要怎么跑，涉及到每个设计师接到分工后如何输出，何时讨论，怎么输出，交接给谁等等问题。例如我们的推进流程是每周固定时间开规范讨论会，每次确定几个要讨论的内容，负责的设计师整理问题，在会议上和大家一起讨论敲定结果，经过两周讨论后输出最终版本，交给下一个负责人。

（4）制定规范的规范

规范本身要遵循什么规则，也是需要事先确定的，我认为包括两个部分，一是设计原则，二是输出物规范。

根据整个产品的目标用户、用户及产品目标可以确定我们的设计原则，所有的规范梳理都要遵循最基础的设计原则，以满足用户及产品需求，提升整体的体验。

之前有提到过规范自身保持一致性是提高规范阅读效率的一部分，而且为了提升设计师输出的效率，事先制定好规范输出物的规范可以帮助设计师按照一个既定的格式进行输出，同时又能保持一致性。我们的输出物规范中包括：

整体计划制定好之后，就需要开始一个个整理规范内容了。整理单个规范的内容也是有流程可寻的，如下图所示。下面以整理“对话框”规范为例，讲解一下单个规范整理的流程。

（1）收集场景

给已经趋于成熟的产品整理规范，第一步就是要先收集场景。以对话框为例，对话框可能出现的地方很多，类型也各有不同，在没有规范之前，产品中可能会有各种各样的对话框，每个设计师做的可能都有些差别，所以第一步，是把产品中所有出现过的对话框都收集起来。

（2）归纳分类

场景收集完后，就要对收集到的所有场景进行归类，例如对话框按照样式不同可以分为“模态对话框”和“非模态对话框”，在模态对话框中按照功能不同又可以分成“确认类对话框”、“反馈&警示类对话框”、“表单类对话框”。归纳分类的作用在于，可以把众多的场景收拢成几个典型的种类，只对典型种类进行定义和详细描述就可以很好的给用户起到指导作用；同时归类之后减少了规范对象的种类，更好的保证产品的一致性。

（3）给出定义

分类确定好后就可以开始给出定义了，首先给出整个规范对象的定义，例如对话框是什么，什么情况下适合用对话框等。除了整体的定义外，每个类型也需要有定义，帮助用户理解每种类型有何差别，什么场景选用哪种类别等。

（4）优化方案

分类和定义都确定后，需要对各类型进行优化输出最终的规则，对于这些细节规则，无法确定的时候可以寻找一些优秀案例来参考，例如优秀的产品、有名的设计指南等。同时可以根据实际场景输出多种优劣不同的方案，和大家一起讨论对比。

（5）宣讲讨论

规范整理出后可以在讨论会议上同步给大家，最好事先把所有需要大家一起讨论确定的问题列出来，把对比方案都做好，提高讨论的效率，和大家一起来敲定最终的方案，同时也让每个设计师都了解规范的细节。

（6）最终输出

所有问题都敲定后即可按照输出物规范进行输出，输出后交接给视觉设计师。

如所有的设计工作一样，输出并不代表完结。

设计稿输出后还需要确保还原度、保证其正常上线、收集反馈意见不断进行优化。设计规范也一样，做完规范后也要确保还原度，推动新的规范落地；不断收集遗漏的部分补充进规范中，发现问题并不断优化，持续的维护更新规范文档。

规范和创新从来都不是对立的。

对于一些规范中没有包含的场景，或者不适合遵循规范的场景，例如一些特殊的运营活动，一些特别的功能点，还是有可以创新的余地的。

遵循规范是为了保证一致性从而保证体验，如果在某些场景下不遵循规范也不会因为影响一致性而影响体验，反而对特定场景有更好的效果时，不遵循规范也没什么关系。

规范也需要不断的优化、迭代更新，优化规范本身也是创新的过程。例如样式风格随着时间的变化需要更新，例如交互方式也有可能会有新的场景需要补充等等。

写一篇分类简单合理，场景、细节考虑完备，展示清晰易读的规范，也不能算是一件很简单的事情，需要用到设计师的很多基础能力，例如：

在整理规范时，收集场景、收集定义、收集优秀案例都可以锻炼到我们的收集信息能力，这个基本能力在日常工作中也经常需要用到，例如做需求前需要先收集需求背景相关信息，了解清楚是什么、为什么、怎么做的问题。

将收集到的信息进行归纳整理，得出简单合理的分类的过程，就是锻炼我们归纳总结能力的过程。在设计时，大到信息架构的设计，小到表单信息分类展示，都需要此能力帮助我们更好的处理信息，更好的将信息展示给用户。

编辑：cherlee