如何高效的进行设计验收？来看这份总结！

橙子的橙子：一直以，设验收都不太受重视，设师总习惯于把时间用雕琢设稿，忽略掉后的设验收，这就导致程序员修改 bug 的时候，常常需多次修改能还原设稿的效果，重复返，极其影响效率。但其实很多时候只设师验收的时候一点点改变，多花费几分钟，就能提高 bug 的修改率。

一、关于设计验收

之所以验收不受重视，我觉得主两原因，一对自己合作的程序员极其自信，认对方能知道到自己所的点，会完全按照设稿；另一设师意识到验收的重性，潜意识里认后发的效果不好发的锅，自己关系。

其实在看来，开发后效不好，设计稿做再完美也是徒劳，毕竟最后看是线上稿。谁也不想自己稿子拿不出手吧……

二、错误的做法

1. 口明

很不幸，实际作中很多设师发问题后，只口告诉发哪里改，这种方式很易出了10，但发只记得6，终只改对了4，重复返以及沟通的时间太，效率不高。当然这种口明的方法之下还产了一阶版，就搬小板凳坐到发面指哪改哪，但这也仅限于对接发人员少的时候，当同时对接三五发的时候，这精力的且也会影响发的度。

2. 让发去找之的标注稿

验收发问题的时候，让发自己去找之的标注稿，对照修改，就很易出重复返，时候发改了但改到，比如设稿的元素小20px，第一次发的27px，一轮验收后他自己回去对照标注稿，改了18px，那也就意二轮验收的时候还得去提这问题，时间本浪费较。

作设师言，我们每天都素打交道，间距、字差几素，我们一眼就能看出，但作每天码打交道的发，差了几素他们眼里区别的，觉得都一样，所以我们需明确的告诉他这里移动几素，那里字改几素。

这就谈恋一样，男女的思维很不一样，同理，设师发的思维也不一样的，我们验收的时候，可以稍微改变一下方式，多站发的角度考虑问题。

三、正确的做法

1. 截图

验收的时候，我们需要把开发实现后的效果截图，然后再和设计稿做对。

2. 和设计稿作对

我们可直接把截图放在设计图上方，降低透明，大致对，就知道哪里太对，然后再具体标注需要修改地方的参数。

在这中有几个小技巧，当设计稿做的间距是48px时，开发实现后的效果是30px，这个时候我们可直接标明间距缩小18px，而是间距48px，开发只需要在原来设置的参数上或者减18px，而再算参数了，当图标切图错误的时候，直接注明该图标需要更换，图片例对的时候一样。

四、验收需要注意的问题

1. 分割

在验收的时要特别注意分割的问题，分割是在所有屏幕上是1px，但是很程序没有注意个，或者说设计师在开前没有特别说明，程序就写成1pt，因为pt是1x下的单位，px是际单位。

所以在做分割的是，单位需要是「px」，样才能证每个屏幕的分割是1像素。

2. 文字截断范围

当文字左右两边有内容的时，我们需要标明文字显示的范围，也就是说它最能显示几个字。

3. 屏适配问题

计普遍用的计尺寸都是750（1x为375），一些版式排版也是基于这个尺寸的，那对于640的机来说，某些地方就会出现排不下的情况，这个候是需要计在做计稿的候就考虑这一点，并给出适配规则。在后期验收的候也需要别去注这个问题。

4. 沟不到位导致问题

有些页有很多实现，如前期没有跟开发沟楚，会导致最终实现效存在误，比如下这个页，单张静态图，开发根本不知设计师想要实现是什么，固定距是控制左右距离，自适应。最后很大可能会按照自己理解去做了，导致出现复返工现象。

总结

后视觉验收的时候，我们可换位思考，把自己当做程序员，在他们的角思考问题，怎么样的验收方式会更方开发修改，减重复返工的次数，情愿验收标注的时候多10分钟，要把修改意见写详细，帮开发节省时间，反过来帮我们自己减了二次验收的成本。

欢迎关注作者的微信公众：「海盐社」

图片素作者：spoonlancer