Skip to main content

质量把控：设计师的自检清单

你有没有过这样的经历：

  • 设计稿交给客户，结果被挑出一堆低级错误
  • 印刷出来才发现，字糊了、颜色不对、出血没留
  • 上线了才发现，这里不对齐、那里错了字

每次都觉得"这次应该没问题了"，结果每次都有问题。

为什么？ 因为你没有一套系统的质检方法。

靠感觉、靠记性、靠"我觉得没问题"，是靠不住的。 专业的设计师，靠的是** Checklist（检查清单）**。

这篇文章，我把设计师常用的质检清单整理出来。 每次交稿之前，对着过一遍，至少能帮你避开 90% 的低级错误。

为什么质检很重要？​

设计质量检查清单：从错别字到像素对齐的全面质检体系

低级错误，最伤信任​

你可能花了一个月做设计，效果特别好。 但如果客户发现——

  • 有错别字
  • 有没对齐的地方
  • 有个图标糊了

客户不会想："整体挺好的，就是有点小问题。" 客户会想："这么低级的错误都有，这个设计师靠不靠谱？"

一个低级错误，能毁掉你 100 分的努力。

专业和业余的差距，就在细节​

新手和高手的差距，往往不是创意， 而是——

  • 高手的作品，你挑不出错
  • 新手的作品，哪儿哪儿都是问题

不是新手创意不行， 是新手的"基本功"不扎实。

细节，就是专业度。

质检不是"最后一步"，是"每一步"​

很多人以为质检就是交稿前看一眼。

不对。 质检应该贯穿整个设计过程。

  • 做完一步，检查一步
  • 做完一页，检查一页
  • 全部做完，整体检查
  • 交稿之前，最后检查

每一步都检查，比最后一起改，效率高得多。

通用质检清单：所有设计都要查​

设计评审流程：如何通过团队协作提升设计质量

不管你做什么设计，这些都要查——

1. 文字检查​

错别字

  • 通读一遍所有文字
  • 特别注意：品牌名、人名、地名、专业术语
  • 建议：复制到 Word / WPS 里，用拼写检查过一遍

字体

  • 所有字体都有授权吗？
  • 有没有用错字体？
  • 字体大小对吗？
  • 字重对吗？

对齐

  • 文字左对齐/居中/右对齐，统一吗？
  • 同一层级的文字，字号、字重、行高，一致吗？
  • 标点符号用对了吗？（中文用中文标点，英文用英文标点）

行间距、字间距

  • 行高统一吗？
  • 字间距统一吗？
  • 段落间距统一吗？

2. 颜色检查​

色值准确吗？

  • 主色、辅助色、点缀色，都是正确的色值吗？
  • 有没有哪里的颜色"差不多"但其实不对？

颜色模式对吗？

  • 印刷用 CMYK
  • 屏幕用 RGB
  • 不要搞混

色彩一致性

  • 同一类内容，颜色统一吗？
  • 有没有这里深一点、那里浅一点的情况？

无障碍检查

  • 文字和背景的对比度够吗？
  • 色盲用户能分清吗？

3. 对齐与间距​

对齐

  • 所有元素都对齐了吗？
  • 有没有"差不多"但其实差 1px 的？
  • 建议：开智能对齐、开网格、开参考线

间距

  • 相同层级的元素，间距一致吗？
  • 间距是有规律的（比如 8 的倍数），还是乱的？
  • 内边距、外边距，统一吗？

像素对齐

  • 所有元素都对齐到像素了吗？
  • 有没有 0.5px 的情况？
  • 线条有没有虚的？

4. 图片检查​

清晰度

  • 图片够清晰吗？
  • 有没有被拉伸？（比例变了）
  • 分辨率够吗？（印刷 300DPI，屏幕 72DPI）

版权

  • 图片有授权吗？
  • 是正版的吗？
  • 有没有侵权风险？

风格统一

  • 所有图片的风格一致吗？
  • 都是摄影图？都是插画？
  • 色调一致吗？

5. LOGO 检查​

LOGO 用对了吗？

  • 是最新版本吗？
  • 颜色对吗？
  • 比例对吗？（没有拉伸变形）

LOGO 的清晰度

  • 够清晰吗？
  • 是矢量的吗？
  • 最小尺寸够吗？（小了会不会糊）

LOGO 的安全空间

  • 周围有没有其他元素靠太近？
  • 留够安全空间了吗？

6. 文件检查​

文件命名

  • 文件名清楚吗？（别人能看懂是什么）
  • 有版本号吗？（v1, v2, v3...）
  • 有日期吗？

文件格式

  • 给客户的格式对吗？（PDF / PNG / JPG / 源文件）
  • 源文件有没有打包？（字体、图片、链接）

文件大小

  • 太大了吗？（邮件发不出去）
  • 太小了吗？（不清晰）

印刷品质检清单​

像素级完美：UI设计的精确对齐与细节把控

做印刷品，除了通用清单，还要查这些——

1. 尺寸与出血​

尺寸对吗？

  • 成品尺寸对吗？
  • 有没有搞错长宽？

出血留了吗？

  • 四周都有出血吗？
  • 出血 3mm（有的地方 5mm）
  • 背景、图片、色块，都延伸到出血外了吗？

安全区

  • 重要内容（文字、LOGO）在安全区里吗？
  • 安全区一般比成品小 5mm

2. 颜色​

CMYK 模式

  • 整个文件是 CMYK 模式吗？
  • 有没有 RGB 的图片？
  • 黑色是单色黑（K=100）还是四色黑？

黑色文字

  • 小字、细线，必须是单色黑
  • 四色黑的小字，印刷会套不准，糊掉

专色

  • 有专色吗？
  • 专色的编号对吗？
  • 专色版分好了吗？

3. 文字​

转曲了吗？

  • 所有文字都转曲（转轮廓）了吗？
  • 不要忘了：隐藏图层里的文字、小字、符号

字号够大吗？

  • 正文字：最小 5pt（建议 6pt 以上）
  • 反白字：最小 7pt
  • 太细的字、太小的字，印刷会糊

线条够粗吗？

  • 最细的线，不小于 0.1mm
  • 太细的线，印刷不出来

4. 图片​

分辨率

  • 图片 300DPI 吗？
  • 有没有放大超过 100%？
  • 72DPI 的图，不要直接用

图片格式

  • 最好是 TIFF / PSD
  • JPG 也可以，但质量要最高
  • 不要用 PNG 做印刷（透明通道可能有问题）

颜色模式

  • 图片是 CMYK 的吗？
  • RGB 的图要转成 CMYK

5. 工艺​

特殊工艺

  • 有烫金、UV、击凸、模切这些工艺吗？
  • 单独做专色版了吗？
  • 标注清楚了吗？

出血、套准

  • 特殊工艺的出血留了吗？
  • 套印标记加了吗？

6. 最终检查​

叠印预览

  • 开叠印预览（Overprint Preview）看看
  • 有没有叠印错的？
  • 有没有漏白？

拼版

  • 页码顺序对吗？
  • 装订方式对吗？
  • 左右页搞反了吗？

打样

  • 打样了吗？
  • 打样看过了吗？
  • 打样确认了吗？

UI 设计质检清单​

无障碍检查：色彩对比度、键盘导航与屏幕阅读器适配

做 UI 设计，除了通用清单，还要查这些——

1. 一致性​

组件一致

  • 同样的按钮，样式一样吗？
  • 同样的卡片，间距一样吗？
  • 同样的输入框，高度一样吗？

文字样式一致

  • 标题样式、正文样式、辅助文字样式，统一吗？
  • 有没有"自创"的样式？

颜色一致

  • 用的都是设计令牌里的颜色吗？
  • 有没有随便选的颜色？

2. 状态完整性​

按钮状态

  • 默认态
  • Hover 态
  • 点击态
  • 禁用态
  • 加载态

表单状态

  • 空状态
  • 输入中
  • 输入正确
  • 输入错误
  • 提交中
  • 提交成功
  • 提交失败

页面状态

  • 正常状态
  • 加载中
  • 空状态
  • 错误状态
  • 网络错误

3. 适配​

不同尺寸

  • 手机端适配了吗？
  • 平板呢？
  • 桌面端呢？

不同分辨率

  • 1x / 2x / 3x 都考虑了吗？
  • 图片够清晰吗？

横竖屏

  • 横屏显示正常吗？（如果需要的话）

4. 可访问性​

颜色对比度

  • 文字和背景的对比度够吗？（至少 4.5:1）
  • 大文本至少 3:1

键盘导航

  • 所有功能都能用键盘操作吗？
  • Tab 键顺序对吗？

屏幕阅读器

  • 图片有 alt 文本吗？
  • 按钮有 label 吗？
  • 语义化对吗？

5. 交付​

标注

  • 尺寸标注了吗？
  • 颜色标注了吗？
  • 间距标注了吗？

切图

  • 所有需要切的图都切了吗？
  • 1x / 2x / 3x 都有吗？
  • 命名规范吗？

交接文档

  • 有说明文档吗？
  • 特殊交互讲清楚了吗？
  • 开发能看懂吗？

品牌全案质检清单​

做品牌全案，除了通用清单，还要查这些——

1. LOGO 系统​

各种组合

  • 横版
  • 竖版
  • 上下版
  • 纯图形
  • 纯文字

各种版本

  • 彩色版
  • 单色版（黑、白）
  • 反白版
  • 线稿版

最小尺寸

  • 最小使用尺寸测试过吗？
  • 最小的时候还能看清吗？

2. 色彩系统​

色值完整吗？

  • CMYK
  • RGB
  • HEX
  • Pantone（如果需要的话）

使用规范

  • 主色、辅助色、点缀色的使用比例
  • 色彩搭配的 Do & Don't
  • 背景色和文字色的组合

3. 字体系统​

字体家族完整吗？

  • 标题字体
  • 正文字体
  • 英文字体
  • 数字字体

字重层级

  • 大标题用什么字重
  • 小标题用什么字重
  • 正文用什么字重
  • 注释用什么字重

替代字体

  • 如果付费字体不能用，替代字体是什么？
  • 替代字体的字号、字重怎么调整？

4. 应用物料​

物料完整吗？

  • 答应客户的物料都做了吗？
  • 有没有漏的？

每个物料的检查

  • 信息完整吗？
  • 排版对吗？
  • 符合品牌规范吗？

5. 品牌手册​

结构完整吗？

  • 策略部分
  • 基础部分
  • 应用部分

内容清楚吗？

  • 外人能看懂吗？
  • 有没有模糊不清的地方？
  • 示例够不够？

提升品质的 5 个好习惯​

习惯 1：做完就查，不要等最后​

做一步，查一步。

  • 排完一段文字，就检查对齐、间距
  • 选完颜色，就检查色值
  • 放完图片，就检查清晰度

不要等到最后一起改， 最后改的成本，比边做边改高得多。

习惯 2：放一放，再回头看​

做完了，不要马上交。 放一放——

  • 放几个小时
  • 放一晚上
  • 放几天

再回头看， 你会发现一堆之前没发现的问题。

当局者迷，旁观者清。 让自己当一会儿"旁观者"。

习惯 3：打印出来看 / 在手机上看​

屏幕上看和拿在手里看，是不一样的。 电脑上看和手机上看，是不一样的。

怎么看更真实，就怎么看。

  • 做印刷的，打印出来看
  • 做 UI 的，放手机上看
  • 做海报的，打出来贴墙上看

真实场景下没问题，才是真的没问题。

习惯 4：找人帮你看​

你自己做的东西， 你看 100 遍，也看不出错。 因为你大脑会自动"脑补"正确的内容。

找个人帮你看看——

  • 同事
  • 朋友
  • 甚至不懂设计的人

旁观者一眼就能看到你看不到的问题。

习惯 5：建立自己的 Checklist​

把你每次犯过的错，都记下来。

  • 上次哪里错了？
  • 为什么错？
  • 下次怎么避免？

时间长了，你就有了一套自己的质检清单。 这份清单，是你最宝贵的财富。

最后：专业就是不犯错​

最后我想说——

什么是专业？

不是你能做出多么惊天地泣鬼神的创意， 而是——

  • 你做的东西，挑不出错
  • 你答应的事，都能做到
  • 跟你合作，放心

一次做好不难， 难的是每次都做好。

而 Checklist（检查清单），就是让你"每次都做好"的最简单、最有效的方法。

从今天开始， 交稿之前，对着清单过一遍。 你会发现—— 你的返工少了，客户满意了，自己也更自信了。

这，就是专业。