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

由于目前在做大数据类的产品，界面上总需要使用设计语言来解释一些很虚拟、抽象的概念，因此不可避免的要研究信息可视化。之前看了很多同行在这方面的总结和分享，却发现内容都差不多，几乎都是来自国外的一些相关书籍和资料。所以这里我想谈一下在经历了这个项目后，自己对信息可视化的一些粗浅的理解，希望可以抛砖引玉，影响更多同行分享有价值的内容。

我对信息可视化的理解

由于刚开始接触，理解自然非常浅显。也许日后会有更高深的见解。目前我认为：信息可视化就是用图形正确的表现复杂的信息和逻辑关系，这样可以：

通过图片特有的美观和趣味性，吸引读者通过最优表现形式，使内容更易懂拉近读者与产品的距离，提升品牌认知度

这个图忘记是在哪里看到的了，它给我留下了非常深刻的印象。这个例子通过简单的图形变化让降雨量信息一目了然。信息可视化是一门了不起的学问，需要设计者既有很好的交互意识，又要有一定的图形设计能力。

和视觉小伙伴们一起协作得出的成果

作品一：安全产品首页展示

创作灵感：从需求文档中看到这些子产品名字有御前卫、八卦阵、御城河……当时就觉得非常有意思，脑海中立刻浮现出一个古城的画面，古城周围有士兵、有八卦阵、有御城河等。跟视觉设计师表达这个想法后大家一拍即合，最终产出了这个方案。中间的城楼最开始是红色的，有点太抢眼，为了避免喧宾夺主又体现出数据被保护的感觉，就把它改成了这种半透明的、很数据化的虚拟感觉。

作品二：产品结构图

创作灵感：通过竞品分析发现国内外同行在这方面都非常下功夫，所以我们也要力求用一张图来把产品结构和关系描述清楚。下篇文章会讲具体的设计过程。

作品三：使用流程示意图

创作灵感：产品经理给出的这个图很严谨，但是对于用户来说理解起来比较困难，因此先用线框图把它简化为单向的流程图，但这样又不够美观和直观。心灵手巧的视觉设计师经过图形的美化，巧妙解决了这个问题。

原始图：

修改中（局部）：

改良后：