搜文章
推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > 犀刻设计 > 数据可视化竟然可以很“酷”?涨姿势了!

数据可视化竟然可以很“酷”?涨姿势了!

犀刻设计 2017-12-01


在平常的设计工作时你可能会常常这样想,“我能不能让数据看起来很酷,这样可以吸引大家更多的注意力?”。不过,“酷”是一个比较模糊的术语,对于不同的人是不同的概念。不幸的是,轮到真正处理数据的时候,“酷”往往是直接并列于常见的图表,如线,条形和数据圆,往往处于优先级靠后的设计。在这篇推文里,我们将告诉你什么才是真正的“酷”。

数据可视化竟然可以很“酷”?涨姿势了!


1

可视化的目的

数据可视化竟然可以很“酷”?涨姿势了!

      当以可视方式呈现数据时, 我们的主要目标应该是寻找有效地传达隐藏在电子表格深处的故事的方法。数据可视化为发现提供了一种手段, 它将数据从列表中的原始格式中解放出来, 为观众提供了一种直接观察趋势、收集信息和理解复杂关系的方式, 而无需语言。

数据可视化竟然可以很“酷”?涨姿势了!


      如上图所示,这个简单的表格就可以用来存储并表示学生信息,而无需太多的文字表述。


      然而在我们日常生活当中,我们接收到的很多数据可视化图都过分的“酷”,以至于我们看到这些数据时更加注意作品的整体美感,而不是数据信息本身。比如当下很流行的 “信息海报”,设计者特意简化了数据,使其中信息密度很低,从而让观众很容易吸收,导致这类设计很容易占主导地位。

数据可视化竟然可以很“酷”?涨姿势了!


      上述的图片为了融入更多的“酷”的因素来吸引用户,甚至放弃了数据的完整性。而这正是信息图表所具有的主要功能,不展示完整的数据,而是分散提供给观众信息,鼓励他们调动视觉元素,不仅仅关注数据本身。但这恰恰是和数据可视化目的相矛盾的。


2

数据和设计

数据可视化竟然可以很“酷”?涨姿势了!

      然而,我们的意思并不是说信息和“酷”的设计一定是相互排斥的,事实上有很多精彩的数据展示都能用一种高效,有效,视觉惊人的方式。但他们大多的美丽之处在于他们的简朴。

数据可视化竟然可以很“酷”?涨姿势了!


      可以看到这个设计看起来也很吸引人,但是它并不想之前的几个例子看起来那么花哨,给人一种很高端牛逼但是又简洁明了的既视感。所以说最有效的图标加视觉的方式是将数据展示的尽可能清晰和简明, 而不是作为分散注意力和装饰的存在, 重点在于不是使这个数据很“酷”,而是保证数据的故事完整性被传达。


3

数据图标设计

数据可视化竟然可以很“酷”?涨姿势了!

     一个常见的误解是,观众只有在看起来令人兴奋的时候才会对你的数据感兴趣。实际上,你不需要特意装扮数据来使它更有趣。 图表中的信息或者你所揭示的故事最终将决定作品的吸引力,而不是通过花哨的插图来打成这个目的。 正如布赖恩·苏达(Brian Suda)在他设计数据设计(Designing With Data)一书中所说的那样: “Graphic design is not a panacea for bad copy, poor layout or misleading statistics”。(好的设计并不能给垃圾的内容洗白)

数据可视化竟然可以很“酷”?涨姿势了!


      一个成功与失败的案例对比。上图是谷歌的十个岗位的薪资浏览图, 可以说是一个设计者企图让数据看起来更酷一些而导致的不幸结果。


      这个看起来很厉害的图主要目的是以比表更易于阅读的格式呈现数据,但很不幸图形在实际传递信息的时候失败了,原因很简单,内容太多,没有重点,过于花哨。


      所以在这种情况下表的功能比图形更有效,这里的图形采用饼图格式实际上遮盖了数据,而不是突出改数据,另外颜色混乱;饼切片的半径是无意义的;人们的数字标号和大小仿佛并没有什么用。

数据可视化竟然可以很“酷”?涨姿势了!


      那么,我们应该用什么方法改进呢?


  • 1.使用线性组织

  查看者可以不必太费劲地一目了然地了解数据显示的内容。与原始数据形成鲜明对比的是, 这张图表可以让你方便地在工作中进行比较。

数据可视化竟然可以很“酷”?涨姿势了!


  •  2.使用斜率图

  在左边, 标记精确地指出了工资区间的低端;在右边, 标记指出了高端。这个版本更清晰地突出了那些薪资范围最广的工作, 它向我们展示了不同的演示方法可以区分不同的故事。

数据可视化竟然可以很“酷”?涨姿势了!


      这两个改进可能没有原来的图看起来潇洒酷炫, 但与原图不同, 观众可以很容易的获得其中的数据和信息,而不会受到各种“酷”的设计的阻碍。

总结

      想要数据看起来有趣的要求在信息设计中是非常普遍的,这个要求本身是没有问题的。但是如果你为了达到这个目标而放弃了数据的完整性(比如信息海报),那么你就很可能把一个“信息图片”做成一个“带有信息的图片”,这两者是有很大差别的:前者蕴含了所要表达的信息,而后者仅仅是一些杂乱信息的载体而已。因此,在设计数据可视化的时候,并不能一味地为了“酷”而设计,更要注重可视化所要传达的信息。

数据可视化竟然可以很“酷”?涨姿势了!

信息图片


数据可视化竟然可以很“酷”?涨姿势了!

带有信息的图片


编辑:雷道宇  朱昊清     责编:赵逸婷


本文来自犀刻设计,谢绝转载


版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《数据可视化竟然可以很“酷”?涨姿势了!》的版权归原作者「犀刻设计」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注犀刻设计微信公众号

犀刻设计微信公众号:gh_7e6365866a36

犀刻设计

手机扫描上方二维码即可关注犀刻设计微信公众号

犀刻设计最新文章

精品公众号随机推荐