Vol8| 评审UI设计稿的正确姿势

      2018年将近过了一半，前半年小编调整心态，断更文章，对不住各位读者。后半年，小编需要对自己加足马力，严格执行执行一周push一篇文章的频率，小编接受大家监督，若发现断更，可向小编索要大红包哦~。

UI设计狮：我的设计稿有什么问题，为什么要改？

产品汪：     嗯...嗯... 不好看

UI设计狮： 呜....(哭笑不得)，我觉得挺好看的啊，我采用了最近流行的毛玻璃渐变背景色，简约的....,你说说看哪里不好看了？

产品汪：     看着不舒服，你再改改看。

UI设计狮：  沉默....(心中千万只草泥马在奔跑)

    上面这段对话，是发生在本周小编办公室的产品经理与UI设计师一番对话。类似这样的对话场景在互联网公司不知发生过多少遍，那么作为产品汪的我们如何避免不被设计狮鄙视无审美的土狍子。各就各位搬好小板凳，小编开始分享评审UI设计稿的正确姿势啦。

STEP1：检查设计稿是否满足产品需求

检查的关键点包括：

1、设计是否违背产品需求，若存在违背需求的设计，直接pass掉，产品需要与设计狮沟通确保，这些狮子们确实理解了你的需求，若个点没问题，就开始第二个关键点的检查。

2、与原型图比较是否存在遗漏，产品梳理遗漏清单，设计狮补齐。

STEP2：检查设计稿色彩舒适度

1、视觉稿页面配色方面是否存在杂七杂八色，色彩表达的情感是否和需求传达的达成共情。

 送上一小块色彩心理方面小芝士：

色彩心理图

2、需求需要传达的主次信息，在视觉稿上是否体现分明。

在现在这么信息大爆炸的时代，大家使用产品采用扫描时的阅读方式，一个页面期望表达的主要信息，需要给用户一种茫茫人海中，一眼就中意你的感觉。

3、饱和度、明暗度是否搭配合理。

STEP3：文字的主次是否具有层次感

 任何设计作品都要传达信息传达思想，如果一套设计中字体乱啪啪，文字大小和文字粗细，间距行距 都没有一个“主次逻辑”，则很难挖掘到自己想要的信息，所以，文字之间的不同色彩，也是能让文字主次突出的方面。

STEP4：信息可读性

有了文字基础，处理好每个模块的布局，色块，插图，背景等方面，会让你的信息有较强的可读性。把设计作品中最想传达的信息传达出去，就是成功的视觉稿。

STEP5：UI识别性

 不论UI设计的风格是扁平化或拟物化还是梵高风格，要让用户大概心理知道这个图标要传达什么，是基本原则。比如图像传达的什么内涵，图形的意图是什么？

STEP6：交互性与易用性

交互性和易用性主要是交互设计师和产品经理主要负责的，UI设计师做辅助作用，比如当静态图片或文字无法准确表达这个含义时，UI设计师可以设计一些小动画辅助表达，会大大提高易用性。

STEP7：思想，生活的传达

背后传达的思想、态度、生活方式需要和产品传达产品观相符合。

小结

UI设计狮和产品汪在工作中是配合非常密切的两个工种，因此产品汪们只有提升自己对UI设计稿评审的专业度，才能不被狮子们鄙视，才可让狮子们对你信服，从而建立你在团队的个人魅力。