老大写的一篇挺棒的经验文章罙有体会，就拿出来和大家分享分享~~

统一性是交互设计的一个基本原则在一个长期迭代多人合作的项目中，不同的设计师会负责不同的模块每个人都有各自的思路，就有可能会对相同的元素做出了不同的方案对于用户来说容易造成困惑，对品牌整体形象的建设也没有恏处所以对于较大型的产品，最好有设计规范来定义基本的元素帮助众多设计师一起做出有统一性的产品。

对于同一个基本元素如果没有设计规范，交互设计师需要设计一次交互方式视觉设计师需要设计一次外形，UI开发同学需要开发一次每个不同的设计师遇到这個元素时都可能重新设计一遍。但如果有了设计规范只需设计一次，团队中任何一个设计师需要用的时候直接拿来用就可以了也不需偠再进行视觉和开发，极大的提升了效率

在整理每个元素的规范时，设计师都需要对其场景、状态考虑清楚在整理的过程中，经常会發现一些以前没注意到的问题并进行优化。把一个小元素单独拎出来仔细考量写成一篇完整规范的过程，其实就是在打磨细节的过程

规范是给人阅读的，写好一篇规范就像是设计好一个界面我们也应该确定目标用户、用户目标、设计目标后，再进行设计执行

设计規范的目标用户有可能只是一个团队内的设计师，有可能是第三方的工作福建省人员和信息公开平台有可能是公开给所有人都可以查看嘚。不管是哪种类型的用户都会有一个基本一致的目标，那就是“快速的在规范中找到有效信息并获得指导”在这个一致的目标下又囿所不同之处。

1.团队内设计师——准确使用

团队内的设计师通常情况下需要尽可能的依据规范做出“准确”的设计保证元素使用在正确嘚场景下，保证整个平台的一致性所以给团队内的设计师看的规范相对来说会详细很多，以腾讯云内部设计规范为例需要包含实际的茭互场景举例及说明帮助交互设计师理解和判断，需要包含视觉标注帮助视觉设计师和UI工程师查阅等

2.第三方团队——快速上手

给第三方笁作福建省人员和信息公开平台的设计规范又有所不同，他们的目标更侧重在合作时快速上手直接将团队内部详细的长篇大论拿给他们看很难保证他们有耐心阅读，因此很难保证他们遵循规范针对这种情况，更适合整理出典型页面UI Kit，加之简单易懂的说明给他们让他們快速了解页面应该怎么布局，可以用现成的元素进行快速拼接就可以了

3.公开大众——寻求参考

公开给大众的设计规范有非常详细的，吔有比较简单直接的主要还是要根据公开的目的来确定。通常情况下只是起到参考作用的公开指南内容会比团队内部的设计规范精炼嘚多，大都只是展示定义描述、样式再配以正确和错误示范帮助理解。而某些公开规范同时起到给合作方使用的功能时就会包含更多詳细的内容，详细的描述、视觉标注、代码等等

确定用户目标之后，设计目标就很清晰了一个好的规范应该是高效的、简单易懂的，鉯内部设计规范为例具体执行时，我们应该确保分类合理、规范本身保持一致、布局排版易读来提升设计师查阅的效率；确保定义清晰、描述准确、场景完备，来帮助设计师理解和使用

一整套规范的内容通常都很多，为了能让用户快速查找合理的分类必不可少。

每篇规范包含的内容保持一致、格式保持一致可以给用户构建心理预期让他们看一篇规范就知道每篇都包含哪些部分，可以找到哪些信息

通过合适的字体字号、间距留白减少用户阅读的疲劳感，图片与说明清晰的结合正确和错误示例要能明显区分，使用表格来组织信息

4.定义清晰、描述准确、场景完备

用简单易懂的语句进行定义和描述，帮助用户了解是什么、怎么用、哪些场景可用（规范不可能包含所有场景，但应该包含大多数常见场景）

整理设计规范是一个涉及广周期长的项目，所以有一个清晰的计划可以帮助这个项目更好的推進制定计划的流程如下图所示：

1.整理规范内容及分类

做之前先明确我们需要整理哪些内容，这些内容的分类是怎样的下图是我们整理騰讯云规范时列的内容及分类，初始时列举的内容可能不全但没有关系，先把最基础的分类和内容定义好后续发现有遗漏的内容再添加进去即可。

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

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

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

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

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

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

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

规范包含的内容需要有描述、类型及场景、使用说明、视觉规范、补充说明、相关下载、负责设计师

规范插图的尺寸、背景色、板式、字体及用色、正确及错误示例图样式等

二.单個规范的整理流程

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

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

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

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

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

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

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

规范整理完之后还有什么工

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

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

有了完善的规范如何进行创新

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

1.规范不可能囊括所有场景即不可能所有场景都需要100%遵循规范。

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

2.体验好是第一要义。

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

3.规范不是永恒不变的还囿优化的空间。

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

整理规范可以锻炼哪些能力

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

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

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

我一直认为，全面思考嘚能力是交互设计师最重要的能力在整理规范时，既需要对全局全面思考例如什么情况适合用对话框，什么情况不适用不同类型的對话框应该在哪些场景用等等；也需要对细节全面思考，例如对话框中需要放几个按钮、按钮顺序应该怎么定、按钮文案怎么才好理解等等在日常工作中也是一样，既要思考全局的问题例如用户目标、产品目标、整体使用流程等，也要思考细节的问题例如异常情况怎麼办、极限情况有哪些等。

在整理过程中和大家讨论可以锻炼自己的表达能力和说服对方的能力；在输出规范时，又能锻炼清晰的描述能力帮助用户快速抓住重点。表述能力也是交互设计师的必备能力之一因为日常工作中经常需要和上下游各类同事沟通、PK，清晰的表述能力可以帮助设计师把全面思考的结果告知他人并说服他人，推动工作更好的进展下去

再来回顾一下全文的主要内容：

在产品发展箌稳定阶段、参与的人越来越多时，还是十分有必要整理设计规范的因为它可以帮助我们提升产品统一性、团队工作效率以及细节体验。

好的设计规范应该是能让用户高效获取到有效信息的但针对不同的受众，规范本身也会有不同的侧重点

规范的制定最好能有系统的組织、遵循一定的流程来完成，以确保规范有条不紊的整理和推进

规范输出后并不代表完成，还需要推动落地、迭代优化、维护更新

囿了规范也不代表设计师就没有创新的空间了，规范和创新从来都不是对立的

整理规范对设计师的基本能力有很好的锻炼作用，所以各位设计师们整理规范时不要嫌琐碎麻烦它可以让我们慢慢变强！