现在很多产品同学，在验收设计稿的时候，经常遇到以下问题：
设计规范：设计师说，我们现在设计规范就是这样的；产品觉得，既然都是规范了，就用着吧
不懂UI无法给出建议：产品也看不出来视觉的好坏，感觉这个设计稿跟产品调性看起来相差不大；唉，差不多先上线吧
UI抄原型：自己的原型画得就很简陋；UI照着原型出来，自己感觉很奇怪，但是又没法说：毕竟人家照着你的原型画的
细节把握不准确：这个地方是左对齐好，还是居中对齐好，还是两端对齐好？
等等……
很多产品同学会觉得，产品经理主要负责逻辑、流程上的问题，视觉的问题自己不专业，所以在验收上就草草而行，保证没有大错就好。但是视觉是跟用户体验很近的，在视觉上给用户清晰的认知和良好的情感体验，非常重要。
先说干货：如何验收设计稿。产品经理作为“门外汉”，可以从以下几个方面着手：
1. 有一些涉及元素，是可以不符合“设计规范的”
比如放在app首页的一个特别重要的按钮，需要很强的吸引用户去点击；但是app的设计规范中没有涉及到这种可能性，是可以独立做一个“只针对首页”的按钮的；如果其他地方要多次复用这个样式，就可以把它写进设计规范中。
2. 设计稿的信息架构要与原型一致
展示哪些信息，哪些元素应该突出，哪些元素应该弱化，这些内容产品是应该很了解的。尤其是对于商业产品，不要让设计稿影响产品既定的流量分发。
3. 遵守版式设计4大设计原则
设计是有一些原则的，设计师也要遵循一定的原则，并不是设计师脑洞一开就可以的。一般来讲设计需要符合以下几个原则：
对比（Contrast）
对比的基本思想是，要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。要让页面引人注目，对比通常是最重要的一个因素，对比能使读者更能看懂这个页面，不然整个页面都长得差不多，分不出主次。
重复（Repetition）
让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性举个例子：我们之前运营做了一个促销的活动，活动的主色调是紫色。我们当时app中很多icon都变成了淡紫色，首页的banner也跟促销的H5一致等。
对齐（Alignment）
任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。尽量不要用居中对齐。
亲密性（Proximity）
彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。产品要搞清楚信息架构，把相关的东西放在一起。
4. 常见的设计细节，需要在交互中都考虑到。UI没考虑到，不怪人家。
该有点击态的按钮，是否有点击态？加载中、断网、弱网等异常状态的处理等；哪些元素需要放在一起，哪些元素要放在二级页面等。这些需要在交互中考虑到（团队没有交互设计师，就是产品的活了）。
5. 设计中的隐喻
视觉稿中的隐喻是否正确？隐喻是设计中很重要的一环，被隐喻的客体往往来源于现实生活。产品要经常看一些做得比较好的视觉设计和工业设计，可以是时装、家居、文具、海报等，提升自己的审美，同时对于设计中的一些细节和隐喻，都能很好的把握到。比如按钮就隐喻了点击；比如菊花条就隐喻了loading；比如哭脸就隐喻了“错误、失败”等。
6. 设计稿符合通行的设计规范
HIG、material design两个设计规范总要符合一个，因为用户已经被这两套教育过很多遍了，用通行的设计规范可以降低教育用户的成本，让用户更容易上手。
最后给大家分享几点我关于设计上的思考。
1. 为什么要有设计规范？哪些情况下要用设计规范？设计规范要做到什么样的颗粒度？
一个公司可能有很多个团队会提出设计需求，设计团队中可能有很多设计师。为了保障用户体验的连贯（说白了就是要各个设计师的设计样式看起来都差不多，不会出现用户在A页面看到按钮是这个样子而在B页面看到按钮是另一个样子），所以需要存在一个“规则”：即大家都按照这个规则去设计，来保障产出都差不多。
所以设计规范本质上是解决一个管理的问题。
可见，不是所有产品、所有团队、所有公司都需要设计规范；只有需要“管理”的，才要。往小了说，笔者在做的“我来贷”app，就有几种规定的按钮样式，这就是设计规范了；往大了说，比如QQ，就有很详细的视觉规范，包括logo怎么用都有涉及。所以设计规范做到什么颗粒度，看团队而定；大多数团队做到按钮样式、文字大小的颗粒度就好了。
2. 给出设计师合理的意见和参考，保障原型质量。
产品在与设计师沟通前，需要跟各方提前沟通清楚产品的调性、页面的信息架构等；设计师主要是做视觉的部分就好了。
首先应该要多给设计师输入信息：比如找一些类似的页面或功能、找一些元素（比如要给用户传达“成功”的概念，就找一些对勾、礼花等元素给设计师）。
其次要保障原型的质量。不能自己原型上的两句文案用一样的字体字号字色，却跟设计师说A文案要突出显示，B文案要弱化显示；这些都需要在你的原型上提现出来。如果团队没有交互设计师，产品就好想得更细，比如各种异常状态、各处的文案用词的一致等。总之，想得越细越好；但是这些特别细的东西未必都要提现在你的文档上。
网友评论