设计师在设计稿的过程中，很容易陷入到某一个点中，对其他的细节选择性忽视了。这个时候就需要在交稿前，对设计稿进行自查，把一些低级的错误扼杀在摇篮中。

自查表按照经验，大致分为两个大类:

1. 设计稿本身；

2. 与其他页面的统一性；
   

设计稿本身

设计稿本身指的是就当前页面来说，所存在的问题，包括没对齐、图标风格和大小不统一、间距过大过小、文字对比不明显、图片没有铺满等等。

对齐

元素必须得有它对齐的方式，左对齐、右对齐、居中对齐都可以，但一定要有明显的能被人一眼看出来的对齐方式，不然就会觉得页面上的元素是随意放置的。

自查的时候首先要注意那些明显的没对齐的地方。

图标

风格:检查图标风格是不是一样，比如面性的就都是面性的，线性的都是线性的。

大小:主要指的是大小在页面中的比例，在视觉层面上是否合适，有些时候图标本身风格、样式都没什么问题，但就是跟页面其他元素相比太大或者太小了。

举个例子：左边的图标单个看没什么问题，但和文字放一起，图标就显得整体大了很多，看起来及其不协调。而右边就看起来般配一点。

间距

作用是用来区分层级，间距的大与小或多或少会影响到这一点。正如《写给大家看的设计书》中所说的亲密性一样，区分层级的本质也就是区分亲密性，页面上间距最小的，亲密性最强，属于同一层级；页面上间距最大的，亲密性最弱，不属于同一层级。

自查着重看一下，信息层级是否区分开了，比如两个模块之间的间距一定是要大于模块内部的。

对比

对比的方式、种类有很多种，这里就不一一展开说了，这里只讲文字间的颜色对比。以讨论区为例，讨论区一般包含用户头像、昵称、时间、评论内容以及一些辅助的功能，点赞收藏、评论、回复那些。

下图中网易新闻和喜马拉雅两者相比起来，就信息层级来说，网易新闻区分的更开一点，层级更明确。

对比它们页面所使用的颜色，就可以发现，网易新闻的颜色对比度更大，对比度大，信息自然而然就更明显了。

在交付前就需要着重检查一下页面的信息是否区分开了，对比度是否合理。这一点算比较深层次的自查了，新手可能很难发现问题，这时候可以去寻求他人的帮忙，比如同事、朋友等。

图片

软件里，大家都是画一个矩形，然后和图片一起做成蒙版，但有时候会出现图片没有铺满整个矩形。

有时候图片比较小，比如头像的时候，手机预览的时候不容易被看到，所以在自查的时候最好把设计稿放大放大看细节。

页面统一性

指的是 APP 整体的统一性，输出的设计稿是否和之前统一，同时输出的几个页面是否统一等等，这个时候就需要跳出单个页面，来看整体了。最容易出错的问题分别是：两个页面同一位置的元素位置出现偏移、分割线颜色不一样、按钮的圆角度不统一等。

位置偏移

这个真的很多人都会犯，原因我猜是做设计图的时候，以当元素位置发生偏移的时候，纯靠手机预览很难发现。

解决方案很简单，只需要自查的时候，把所有图按照顺序导出，全部选中进行预览，这个时候页面元素动了的话，在翻页过程中极其明显，发现有出错的地方，重新修改再导出，直至没有问题为止。

分割线

一个极易容易出错的地方，特别是最开始做的时候没有定义分割线的颜色，随便用一个，后续觉得不好，又改了，改的又不彻底，有些地方没改到。加上分割线颜色普遍偏浅，不仔细看很难发现。

这个自查的时候，通过翻页预览，发现后也能修改，不过还有一个更好的办法，从源头改变。前期把分割线都做成 Symbols，统一用，后期自查的时候，只需要检查分割线是否用的是Symbols ，是的话颜色肯定是一样的。

按钮圆角度

不同页面的按钮圆角度是否一致，不一致的地方要统一，定好规范之后，后续所有的页面都需要延续。

总结

在设计稿输出交付前，设计师需要对自己的设计稿先自查一遍，避免出现低级错误。不然这些错误持续出现，每次都等别人发现，会影响你在团队中的形象。