|
) z& K. @1 D, Q, d% Y. C
编辑导语：设计验收是设计师都会经历的工作流程，但这其中也夹杂着许多问题本篇文章作者分享了有关设计验收的工作经验，从验收前、验收中、验收后展开分析，列举了具体的解决方法，感兴趣的一起来学习一下，希望对你有帮助。  * h$ g" L; O7 H7 x5 E$ c: a9 C: j
设计验收是每个设计师都会经历的工作流程你可能也曾被这些问题困扰：前端开发的设计稿还原度，反复校对浪费大量时间；线上界面效果差，被认为是设计稿的质量有问题；设计验收后的问题很多，怎么才能向开发清楚地表述检查出的问题？。 - O4 {( i; N6 p v
这些问题都是常见现象开发的设计稿还原度也一直是很多团队在努力提升和克服的工作问题目前暂时没有捷径来完成设计验收，本文会分享些实用的工作经验，希望对你有帮助一、验收前：从源头减少问题的产生设计稿还原度低的一个重要原因是开发对于设计稿的。
6 y, K1 e3 p+ o4 t0 C% B 细节忽略或理解有误在设计稿的交接过程多花些力气，在验收时就会更省力你可以尝试以下方法：1. 重视设计交接过程重视设计稿的设计说明和与开发沟通质量，消除双方的信息差这样做一是可以保证开发对于细节理解得准确无误，二是如果有开发难以实现的效果，可以提前找好替代方案。 ) d' @/ N: A$ a
2. 总结共性问题在设计走查中出现的问题如果具有共性，就可以进行总结和沉淀，使用规则或组件进行约束总结基础规则：设计师可以总结开发常会出现的高频问题，比如间距、字号、字重和颜色等细节问题，整理出基础规则列表，避免类似问题的一再发生。 : ]: i# b' q% w6 K( ~
沉淀通用组件：设计与开发在组件层面完成一致性对齐，在组件上的细节分毫不差，在实际应用中就可以减少很多二次修改的时间，开箱即用，减少错误的出现对齐 Design Tokens：Design Tokens 作为设计规则的底层架构，可以被用作设计稿和开发稿的沟通语言。 ! G2 V/ h, X. m4 q' m @
Design Tokens 相当于将设计组件进一步拆解，使其原子化，将组件的每一种属性都转变为一个前端变量Token 本质上就是找到了组件、属性和代码之间的对应关系，统一了样式和前端语言，使组件和设计系统可以被快速管理。
* i$ A' m3 H @/ @7 c8 b 你也可以在我之前的文章中看到对于 Token 的更详细的描述3. 加强开发的自查能力在完成开发后，先进行一轮开发自查，自查的方式以开发习惯为主这就好像是你在考试交卷前，自己检查一遍试题答案再交卷子，以减少错误率。
6 t9 [+ e+ L+ s9 `7 Q 比如，设计师可以和开发一起做一份基础的开发自查表单，在完成设计稿开发之后，可以先针对开发表里的内容进行自查当这些基础内容没有问题之后，再交由设计师做更深一步的走查再比如有些小厂开发人数不多，设计师也可以尝试着给开发做。 B; D S2 p! u5 H1 w
基础的自查培训，介绍设计过程中的关键细节，提升开发的细节感受力二、验收中：整理好设计验收记录设计稿的验收问题要注意整理和存档，最好使用公开的实时文档，或项目排期进度看板，全员可见，作为重要的工作证据和追溯资料。 5 n4 Y$ d6 @5 G
通常来说，设计验收的输出物没有严格标准，设计师可以结合自己的工作状况和习惯，自行处理和输出，但要注意几点：1. 明确目标设计验收记录中需要说明问题出现的原因和想要达到的目标，让相关人员明确需要完成哪些工作 ) o% {3 d( A9 h# e$ ~
，工作完成的标准是什么，以及应该何时完成工作2. 实时同步设计验收结论要共享和同步给所有相关人员，并在相关人员完成任务后及时更新进度3. 做好存档每次的验收结论命名以日期结尾，做好存档每轮验收和验收出的每一个问题都要指定到。 2 ]$ r' S& s! G1 X8 N( w5 ^
唯一负责人，便于问题修改、沟通和追责三、验收后：以制度，克人心如果验收效果实在不佳，就要追责到人，除了督促开发完成修改，还要对其工作产生的问题究其原因可以建立简单的评价体系和精神或物质上的奖惩制度，对开发的工作质量进行评估，以制度规范行为。
7 ?: Z4 B( ], I1 Y# |; K 工作态度是感性而难以约束的；但是工作质量却是可以使用数据统计、通过分数换算进行评价和判断的举个夸张点的例子，如果将开发在设计验收时的错误数量和严重程度，与其工作的绩效考核挂钩，相信每个人都会做到谨小慎微，认真对待。
8 e" e7 x4 E5 n7 _4 @ 作者：元尧，微信公众号：长弓小子；本文由@ 元尧 原创发布于人人都是产品经理，未经许可，禁止转载。题图来自 Unsplash，基于 CC0 协议。
+ r% Y+ B9 K0 R: C
, n+ ~+ }7 o7 C4 a2 R$ n" w( o( t. G/ l+ f0 e; g3 C
9 a+ X0 [: K' u5 {$ z0 U
, r5 z: i. q1 {0 g1 M' a | 
