优雅戳屏——当我们讨论视觉时我们讨论什么

“我觉得这个设计不够好，但我说不清是哪里的问题，可能是整个都不够好”。

有些产品经理会遇到这样的问题。当然，也有些情况好些，产品经理会站在设计师屏幕后，“这里放大点，这里太重了，这里太挤了。”然而这些改完以后仍然有点凑合。

作为曾经也做过点儿视觉和交互设计的产品经理，让我试着改善一下这个设计沟通问题。

当我们讨论视觉时我们讨论什么？

一. 定位、风格

1.这个产品的主要用户是谁？他们偏爱怎样风格的设计或产品？

2.竞品有哪些？他们采用了怎样的视觉风格、主要的视觉元素？

3.这个产品的主要使用场景是怎样的？进而结合使用场景思考需要第一眼就能找到非常突出的主要信息／操作按钮？还是让人可以kill time，无限地浏览下去？

4.我们要做怎样的风格？拟物？扁平？小清新？复古？未来感？科技感？

5.参考的意向图有哪些？我们分别要借鉴他们的哪些方面？

二. 信息层级

有时候对着视觉稿讨论半天的问题，可能是交互设计时该做好的。在交互设计时，就应当定义信息的层级。这在视觉设计中主要体现在排版和色彩两方面。

推荐阅读：

《画线框图容易忽略的几件事》

http://www.uisdc.com/draw-wireframes-easy-to-overlook-a-few-things

三. 视觉呈现

1.是否符合设计的一般原则？一致性、对齐等。

2.色彩的选用是否符合定位和信息层级

3.是否符合ios／安卓设计规范

推荐阅读：

《UI设计师必收！同行总结可即刻上手的IOS规范参考》

http://www.uisdc.com/ios-quick-start-guideline

《Google的视觉设计理念》

http://mp.weixin.qq.com/s?__biz=MzA4NTEzNzYxNA==&mid=200163234&idx=1&sn=fe531335365b86ad753a731bcc8d166f&scene=0#rd

4.信息传达是否准确

图表的标题、图例、文案、色彩所传达的含义等。

推荐阅读：

《可视化图表表达的10个错误》

http://www.199it.com/archives/240455.html

这篇文章的目的在于：

面对视觉设计时，我们不再那么地感性，只会提一些个人的美学观点。而是能参考以上几个角度、几个方面，检查一下从产品需求、到交互再到视觉，有没有哪些考虑没有被理解、看起来“不舒服”的地方是哪里出了问题。

以上三点，是我总结下来讨论视觉时主要考虑的几个角度。每一点都大有学问，计划近日再准备一个系列再做展开：）