作为软件产品的规划者，你是否有过规划复原度的困扰？比方开发的界面总是对不齐，界面色彩、组件行为总是不一致，排查规划问题需求许多的时间，而且总是没办法根治？
作为一名资深规划师，今天我和咱们共享下在规划复原度方面的一些方法和考虑。
一、什么是规划复原度？
规划复原度是指规划以及终究产品契合顶层规划理念和规划标准，在不同界面、不同系列的产品中，坚持相应的共同性，严厉复原规划稿。规划复原度除了指界面上的复原度外，交互和动效规划的复原度也包含在内，今天咱们要点剖析UI规划和交互规划的复原度问题。在业内，咱们常说规划复原度低，是指终究开发完结的产品未复原规划。
常见的规划复原度问题包括：
-
根本界面复原问题，通常以不契合4大根本规划原则（亲密、对齐、重复、对比）的方法呈现。
-
界面共同性问题，比方不同界面的按钮尺寸、款式不共同，色彩存在纤细差异等。
-
交互共同性问题，比方产品中不同弹窗的弹出和关闭方法，是否都支撑运用Esc、Enter快捷键等交互细节差异。
-
不同渠道的自适应问题，比方规划稿是iOS的，但还要开发H5和安卓渠道，进而导致的适配问题。
-
功用未复原，比方漏掉了界面元素或某种状况，导致产品功用不如预期。
二、复原度低的原因有哪些？
规划复原度低的原因错综杂乱，软件开发的各个环节都或许对复原度造成影响，咱们主要从规划阶段和开发阶段进行剖析，并给咱们共享咱们团队的处理方案。
1、规划阶段
规划阶段是定义终究产品的重要环节，剖析复原度问题，源头是要点调查的要素，依据我的经验，规划阶段以下环节很简单出问题。
**1）****标准定义和保护问题：**团队假如有多名规划师，需求拟定清晰的标准保护、更新机制，保证咱们的信息始终是同步的，假如咱们不是选用相同版别的标准的进行规划，势必会在规划阶段便呈现不共同的状况。所以规划标准的修订和同步是首要需求处理的问题。
**2）****规划质量不过关：**规划质量一般依据规划师的水平以及规划评定来进行保证，规划评定是规划阶段最终一道关卡，需求有清晰的流程和东西进行控制。
**3）****短少规划阐明：**有许多规划思维是规划师之间的默契（或者说规划师的知识），但关于后续工序，比方开发、测验人员，他们极有或许短少相关背景知识，此时需求弥补规划阐明给予辅佐，清晰论述规划目的。
**4）****交付流程紊乱：**规划的最终一个环节是交付给开发，由于灵敏开发的原因，节奏非常紧凑，规划往往在交付给开发后，还会有一些纤细的改动，怎么让开发能固定到对应的规划版别进行开发，是很困难的一个办理问题。
2、开发阶段
开发阶段是产品的出产环节，有一句话说得很好：“优秀的产品是出产出来的，不是测验出来的。”出产质量也是开发环节的重中之重，咱们也常将规划复原度作为开发出产质量最重要的保证。开发阶段简单在以下环节出问题：
**1）****开发对的规划稿：**这个问题看起来很可笑，但确实存在许多开发开发错了版别的状况。在没有标准的流程下，开发很简单拿着旧版别的规划稿进行开发，直到测验环节才发现一开始的参阅就错了。
**2）****规划言语转换为开发言语：**开发的本质其实就是将规划言语翻译成代码言语，这个转换的进程开发主要依赖于规划稿上的标示、阐明和视觉效果。看错或看漏阐明往往会导致复原度问题；
**3）****用错变量或不必变量：**规划共同性假如要保证，研制侧必须要对色彩、间距等根底内容拟定一致的全局变量，便于和规划标准进行对齐。同理要保证一切组件的行为共同，则研制需求封装一致的组件库，经过复用组件代码的方法开发产品，才能保证一切组件的行为是共同。
三、怎么进步规划复原度？
咱们剖析完了复原度低的原因，再一起看看怎么经过方法和东西，来进步产品规划复原。
其实问题主要集中在规划阶段和规划与开发的信息同步上，需求保证规划师和规划师之间的协同顺畅，规划师和开发之间的协作高效。
规划师之间的协同主要在规划东西中进行，现在支撑协作的东西现已有许多了，下方引荐几种常见的规划东西处理方案：
**1、**Sketch + 三方云
Sketch作为经典的UI规划东西，相信许多团队仍在运用，但协同问题假如不购买Sketch Cloud就无法运用，这时能够考虑三方的渠道。现在能满意云同步组件库、规划源文件的产品只要一个摹客（www.mockplus.cn/?home=1），它能够经过插件同步组件库和规划源文件。
**2、**Web端的规划东西
云端化趋势显着，Figma、摹客DT、即时规划等web端的UI规划东西，能够完美的规划师之间的协同问题。这些规划东西都支撑原子化规划，并在win和mac上都能够运用。Figma的组件库假如要跨文件运用，是需求收费的，摹客DT、即时规划等规划东西现在是彻底免费的，能够测验一下，现在咱们团队的规划现已悉数迁移到了摹客DT，并运行了半年了。
现在Web端的东西都不支撑彻底离线运用，假如你对离线场景有很高的要求，Sketch + 三方云现在是最好的挑选。
处理完规划师之间的问题，咱们再看规划和研制之间的问题，主要是三类信息同步的问题：
1）规划标准和开发组件库对齐，开发能够直接在规划稿上获取到变量、组件代码最佳；
2）规划稿标示和阐明：开发能够在一个地方看到开发所需求的一切信息，规划阐明和规划标示、切图、原型等。
3）规划稿版别和流程，开发能够直接经过开发任务获取到对应的规划稿，并能够承认当时版别现已经过了规划审核。
**3、**规划标准和开发组件库对齐
这个问题主要有两种处理方案：
1）方案一：规划师在东西中定义组件库文件时，色彩的名字包含开发所需求的变量名，现在无论是规划东西自带的标示功用还是三方协作渠道上的标示功用，都能显示出该信息。这样能够处理变量和开发对齐的问题，不完美的是组件代码信息不能相关，一起规划师的体会会下降，由于开发的命名规矩和规划不一样，需求规划师做一些退让。
2）方案二：借助规划系统类的产品，作为胶水层，将规划言语和开发言语做映射，现在此处理方案只支撑Sketch，且产品也只要摹客的协作渠道支撑，其优势是除了色彩、款式变量，还能够相关组件代码。
**4、**规划标示和阐明
自动标示现已很成熟了，三方渠道的标示功用比规划软件自带的会好用一些，开发能够直接点选到可见的图层，而不必去挑选编组层级，效率会高不少。
要点是规划阐明，假如你将阐明直接写到规划稿上，不会存在这个问题，假如阐明写规划稿上会影响到规划稿美观度，有这方面需求的，则需求专门的规划阐明东西了。规划阐明东西现在主要有两种：
-
运用图钉增加规划阐明：比方蓝湖或规划东西内，你能够用评论的图钉为规划稿增加规划阐明。
-
专门的规划阐明东西：现在在Invision和摹客协作上有这个功用，你能够接连编撰规划阐明，支撑富文本和与图层相关。
**5、**规划稿版别和流程办理
这个方面，我更引荐将规划环节和开发环节分隔的方法，即规划师在规划软件中规划，开发在协作渠道检查标示。有这样一个区隔后，信息流转会更可控。开发直接到规划软件中检查标示真简单出问题，假如权限没给对，不小心改了规划稿，会带来许多很难追溯的问题。
规划复原度是软件产品中的一个重要问题，它涉及到规划稿与终究产品的共同性。规划复原度不只关乎界面的共同性，还包括交互和动效规划的共同性。常见的问题包括界面元素不一致、交互细节差异、不同渠道的适配问题以及功用未彻底完成等。
这些问题的呈现或许与规划阶段和开发阶段的多个环节有关，如标准定义和保护、规划质量、短少规划阐明以及交付流程紊乱等。为了进步规划复原度，需求保证规划师之间的协同顺畅，以及规划与开发的信息同步。这能够经过运用合适的规划东西和协作东西来完成。此外，将规划环节与开发环节分隔办理也有助于进步信息流转的可控性。进步规划复原度是一个杂乱的进程，需求从多个方面进行考虑和优化。
