设计趋势,探讨信息可视化的流程和方法(上)插图

设计趋势,探讨信息可视化的流程和方法(上)

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

设计趋势,探讨信息可视化的流程和方法(下)插图

设计趋势,探讨信息可视化的流程和方法(下)

@刘津legene?:上篇文章讲了信息可视化的标准,这篇来说明一下我在最近项目中设计信息可视化作品的过程,实战好文一篇,附有通用流程,非常值得收藏的干…

广告位
设计趋势,探讨信息可视化的流程和方法(下)(2)插图

设计趋势,探讨信息可视化的流程和方法(下)(2)

首先,从这个图中找出一个最大的完整的事件,也就是图中橙色的部分。 有意思的是,在图即将完成时,发现有个地方多了条支线,导致图形无法完全对称,非常可惜。最后询问PD,发现这条支线是由于理解错误造成的,本来

设计趋势,探讨信息可视化的流程和方法(下)(3)插图

设计趋势,探讨信息可视化的流程和方法(下)(3)

吸取了第一次的教训,视觉设计师第二次尝试的是写实版本。这回虽然可以详细的表达产品内容了,但不够直观和一目了然,阅读起来索然无味。 第三版(突破): 吸取了前两次的教训,设计师开始寻找一些更趣味、更科技

设计趋势,探讨信息可视化的流程和方法(上)(4)插图

设计趋势,探讨信息可视化的流程和方法(上)(4)

由于目前在做大数据类的产品,界面上总需要使用设计语言来解释一些很虚拟、抽象的概念,因此不可避免的要研究信息可视化。之前看了很多同行在这方面的总结和分享,却发现内容都差不多,几乎都是来自国外的一些相关

设计趋势,探讨信息可视化的流程和方法(上)(2)插图

设计趋势,探讨信息可视化的流程和方法(上)(2)

作品四:方案描述示意图 和上个作品类似,也是先梳理信息逻辑,用更易懂的方式去表现,再通过视觉设计师美化。 原始图: 改良图: 还有其它很多作品,在这里就不一一展现了。完成这些作品后,我积累了哪些经验和心

设计趋势,探讨信息可视化的流程和方法(上)(3)插图

设计趋势,探讨信息可视化的流程和方法(上)(3)

很明显,右图看上去更直观、更清晰。因为同样的内容,右图用了对称的形式,理解起来省了一半力气。所以我们在设计信息图时,一定不要浅尝辄止,要努力寻找最佳方式,让信息更简明易懂。 正确是信息图最基本的要求。