很多的产品经理认为自己在视觉的问题不太专业，所以验收的时候往往会忽视一些问题，那产品经理要如何验收设计稿呢？应该怎样去与设计师交流呢？

现在很多产品同学，在验收设计稿的时候，经常遇到以下问题：

• 设计规范：设计师说，我们现在设计规范就是这样的，产品觉得，既然都是规范了，就用着吧。
• 不懂UI无法给出建议：产品也看不出来视觉的好坏，感觉这个设计稿跟产品调性看起来相差不大，唉，差不多先上线吧。
• UI抄原型：自己的原型画得就很简陋，UI照着原型出来，自己感觉很奇怪，但是又没法说：毕竟人家照着你的原型画的。
• 细节把握不准确：这个地方是左对齐好，还是居中对齐好，还是两端对齐好？
• 等等……

很多产品同学会觉得，产品经理主要负责逻辑、流程上的问题，视觉的问题自己不专业，所以在验收上就草草而行，保证没有大错就好。但是视觉是跟用户体验很近的，在视觉上给用户清晰的认知和良好的情感体验，非常重要。

先说问题：如何验收设计稿？

产品经理作为“门外汉”，可以从以下几个方面着手：

一、有一些涉及元素，是可以不符合“设计规范的”

比如：放在app首页的一个特别重要的按钮，需要很强的吸引用户去点击，但是app的设计规范中没有涉及到这种可能性，是可以独立做一个“只针对首页”的按钮的。如果其他地方要多次复用这个样式，就可以把它写进设计规范中。

二、设计稿的信息架构要与原型一致

展示哪些信息？哪些元素应该突出？哪些元素应该弱化？

这些内容产品是应该很了解的。尤其是对于商业产品，不要让设计稿影响产品既定的流量分发。

三、遵守版式设计4大设计原则

设计是有一些原则的，设计师也要遵循一定的原则，并不是设计师脑洞一开就可以的。

一般来讲设计需要符合以下几个原则：

（1）对比（Contrast）

对比的基本思想是，要避免页面上的元素太过相似，如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。

要让页面引人注目，对比通常是最重要的一个因素，对比能使读者更能看懂这个页面，不然整个页面都长得差不多，分不出主次。

（2）重复（Repetition）

让设计中的视觉要素在整个作品中重复出现，可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片等等。这样一来，既能增加条理性，还可以加强统一性。

举个例子：我们之前运营做了一个促销的活动，活动的主色调是紫色。我们当时app中很多icon都变成了淡紫色，首页的banner也跟促销的H5一致等。

（3）对齐（Alignment）

任何东西都不能在页面上随意安放，每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观，尽量不要用居中对齐。

（4）亲密性（Proximity）

彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。产品要搞清楚信息架构，把相关的东西放在一起。

四、常见的设计细节，需要在交互中都考虑到，UI没考虑到，不怪人家

该有点击态的按钮，是否有点击态？

加载中、断网、弱网等异常状态的处理等；哪些元素需要放在一起，哪些元素要放在二级页面等。这些需要在交互中考虑到（团队没有交互设计师，就是产品的活了）。

五、设计中的隐喻

视觉稿中的隐喻是否正确？

隐喻是设计中很重要的一环，被隐喻的客体往往来源于现实生活。产品要经常看一些做得比较好的视觉设计和工业设计，可以是时装、家居、文具、海报等，提升自己的审美，同时对于设计中的一些细节和隐喻，都能很好的把握到。

比如：按钮就隐喻了点击；菊花条就隐喻了loading；哭脸就隐喻了“错误、失败”等。

六、设计稿符合通行的设计规范

HIG、material design两个设计规范总要符合一个，因为用户已经被这两套教育过很多遍了，用通行的设计规范可以降低教育用户的成本，让用户更容易上手。

最后给大家分享几点我关于设计上的思考：

1. 为什么要有设计规范？哪些情况下要用设计规范？设计规范要做到什么样的颗粒度？

一个公司可能有很多个团队会提出设计需求，设计团队中可能有很多设计师。为了保障用户体验的连贯（说白了就是要各个设计师的设计样式看起来都差不多，不会出现用户在A页面看到按钮是这个样子而在B页面看到按钮是另一个样子），所以需要存在一个“规则”——即大家都按照这个规则去设计，来保障产出都差不多。

所以设计规范本质上是解决一个管理的问题。

可见，不是所有产品、所有团队、所有公司都需要设计规范，只有需要“管理”的，才要。

往小了说，笔者在做的app，就有几种规定的按钮样式，这就是设计规范了；往大了说，比如：QQ，就有很详细的视觉规范，包括logo怎么用都有涉及。

所以设计规范做到什么颗粒度，看团队而定，大多数团队做到按钮样式、文字大小的颗粒度就好了。

2. 给出设计师合理的意见和参考，保障原型质量

产品在与设计师沟通前，需要跟各方提前沟通清楚产品的调性、页面的信息架构等；设计师主要是做视觉的部分就好了。

首先应该要多给设计师输入信息，比如：找一些类似的页面或功能、找一些元素（比如：要给用户传达“成功”的概念，就找一些对勾、礼花等元素给设计师）。

其次要保障原型的质量。不能自己原型上的两句文案用一样的字体字号字色，却跟设计师说A文案要突出显示，B文案要弱化显示，这些都需要在你的原型上提现出来。

如果团队没有交互设计师，产品就好想得更细，比如：各种异常状态、各处的文案用词的一致等。

总之，想得越细越好，但是这些特别细的东西未必都要提现在你的文档上。

本文由 @破局 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自 Pexels，基于 CC0 协议