设计趋势，探讨信息可视化的流程和方法（下）

吸取了第一次的教训，视觉设计师第二次尝试的是写实版本。这回虽然可以详细的表达产品内容了，但不够直观和一目了然，阅读起来索然无味。

第三版（突破）：

吸取了前两次的教训，设计师开始寻找一些更趣味、更科技感的表现形式。但这个版本易读性一般，尤其是左边的样式很不好拓展。但是左边这张图给人感觉很贴合大数据那种高科技、前卫的感觉，这和我想要的感觉十分接近。

第四版（改良）：

虽然前面这几版都没有被采用，但方向却越来越清晰了。我们决定在左上图的基础上做改进，去掉一些琐碎的视觉元素，突出主体，使之更易读。但改完后我觉得整体效果并不好，显得很单薄，而且易读性依然不好。所以需要换个思路再继续尝试。

第五版（终稿）：

结合前面的经验教训，视觉设计师认真听取了大家的感受和建议，重新整理了思路，这次一气呵成。这版虽然没有特别惊艳的感觉，但是综合分数高：无论是美观度、还是易读性、正确性、拓展性都比较好。所以最终敲定了这版。

Step 4：完善细节

探索视觉风格时，并不需要做的非常细，可以先不考虑细节，只考虑主要框架，这样效率会高一些。视觉风格确定后，可根据需要添加、完善细节。

Step 5：风格延展

我在上一篇讲过：“一致”的视觉设定有助于用户理解，也能更好的提升品牌形象。所以主风格确定后，我们需要把它延展到其它有需要的页面上。那么如何延展呢？需要先做一个简单的视觉风格设定，就像界面规范一样。

比如在产品结构图中，四个子产品用的不同的颜色，那么我们在其它页面或相关的图形内容中，也要用这四种色系来代表这四种产品。定义深浅是考虑到面积、视觉层次的不同来灵活调整，使界面整体和谐统一。这样既保持了整体风格的一致性，又赋予每种产品独特的个性，增强信息的识别度。

写在最后：经验总结

由于这是我第一次比较系统的接触信息可视化相关内容，所以犯错误在所难免，我把这些教训记录下来，希望能让其他初学者避免我犯的错误：

当设计一整套图形，或相互有关联的图形时，要注意先从整体考虑，抓大放小。我当时就是没有系统的考虑，子产品的图确定了，就让视觉设计师赶紧做，结果发现和主图难以配套统一，浪费了很多时间，也增加了视觉设计师的工作量。信息可视化不光是让视觉设计师画几幅图这么简单，规划环节必不可少。我开始以为信息可视化是视觉设计师的事情，跟交互设计师没有关系，后来才慢慢发现，把希望全部寄托在视觉设计师身上是不切实际的。信息可视化要想做好既需要透彻理解产品，也需要很强大的交互技能，更需要激情与责任心。需要产品经理、交互设计师和视觉设计师密切配合，而不是互相推脱，把压力全留给视觉设计师。好的信息图充满美感，它们往往是对称的、和谐的；先完成最小事件的图形，再逐渐补充。我开始就忽略了这点，以为把信息准确表达清楚了，再让视觉设计师稍加美化就行了，没有想要去探索最佳的图形展现形式，直到有一天看到了一位运营在PPT中画的产品图才惊呼：原来还可以这样！所以做信息可视化永无止境，永远有发挥的空间。注意细节的匹配、一致性。这点作为一个交互设计师，我自然很注意，但我发现其他人未必在意。比如两个子产品的结构图，可能一个图有边，一个图没边；或者同样放标题的位置，颜色或样式不一样；同样性质的标签阴影的角度和方向不一样……这些问题简直无穷无尽。也许这些都是微不足道的小事情，但是品牌无小事，细节确定成败，我坚信这一点。