美文网首页
从那些数据可视化的设计中得到启发

从那些数据可视化的设计中得到启发

作者: 二货瑶 | 来源:发表于2016-11-14 09:58 被阅读0次

现如今,如果你不能将你的数据用一种可视化的方式展现的话,它基本是没有用的。没有人在快速浏览网页时愿意花费大量的时间去理解冗杂的数据。

从另个方面来说,如果你能够将可视化做的非常清晰,具有交互性的和直接的,你将能够脱颖而出,要做到这点的却很难,kirk GOldsberry主要从事运动方面的工作,但却在数据可视化方面做得很好。

不同的界面和产品需要从需要从数据中获得不同的信息,一些需要用户去制作自己的数据界面,一些用户需要他们的表格非常清晰直观,下面是来自世界各地的好的设计师的数据可视化作品,希望能够用来启发你的一些灵感。

如何做到可视化你的数据

American Express Concept

american express concept 允许使用者去将他们的花费的信息输入一系列的categorious。并且用多种方式来展现这些信息,使用者能够通过比较这些不同的类别,从而对他们的消费状况得到一个直观的感受。之后迅速的去孤立一个数据,去理解里面的细节。这个设计非常的清晰直观,不需要任何多余的数据图表。因此观看者能够得到他们想要的信息在下滑浏览时

Funnel Graph

形式和色调的强对比是在实现视觉层级划分上的一个很好的例子。立刻,这些图表就能表达出更多的信息。当明确的数字出现在背景上的时候。对于用户从众多种类中去孤立更多的细节上是友好的。

Energy Predictions

中国工作室kingyo中的设计师是能量数据展现中的领先者。这个界面就是一个很好的例子。将色彩和视觉层级结合在一起再通过动画展现有趣生动的结果。在这个例子中,图表清晰的出现在界面中并且伴随着红色数字的变化立即吸引了观察者的眼球。你也可以拎出单独的种类去或者更佳细节的信息。而不是一次性在屏幕上看到所有的数据。

bullseye

Zach Robinson 为我们展现的界面,不仅仅是美学上的展示。同时也允许分享他们关于数据的想法。如果人们只想看到数字的话,那么多余的表格就会被完美的隐藏起来。因为直观的视觉层级,表格本身是很易于阅读的。另外多彩的编程界面是一个简单有效的方式去组织表单类型而不是用巨大的标题去浪费有效的视觉区域。

Rader Budget Graph

radar grapy通过多种多样的表格形式去联系相对应的信息。这种风格的表格对于商业界面的展示非常的有用。通过快速的展现,使用者不用再在冗杂的预算数据里浪费时间。繁杂的预算对于每天使用它的人来说是件非常恐怖的事情。因此数据可视化对于这类app来说是个非常好的选择

City Statistics Data Visualisation

Bureau oberhaeuser 通过交互性的web app 来详述雷德图的内容,市政府的数据是非常复杂的,但是这个界面展现了不同城市人们的情况。

Live Game Data

这款移动的足球游戏允许使用者去通过中间的雷达图去管理他们的虚拟足球队,这款游戏提供了每个运动员的各方面的性能能力,使用者可以随着比赛的进行,改进运动员的状态以求赢得胜利。

Energy Monitor

不仅是关于完美展现复杂数据的可视化图表,而且是提供了使用者很多重要的信息,在energy monitor这款应用中,使用者感兴趣与他们节省了多少能量。

Customized Analytics

这个界面是数据可视化的一个很好的例子,其带来的使用友好性,主要是因为清晰的文字和格式化的布局格式的展现,旁边的菜单栏显示了界面完全是可定制化的,因此设计师清晰的建立了一个强大的网络和色彩组合,因此界面看起来有 非常好的格式。

Power Chart 

一系列的能量数据非常的简单易懂,king yo 给予了好的颜色和动作,给人愉悦的视觉感受,这个图表看起来非常的简单,但是设计师话费了很大的注意力在席位的差别上,比如说背景上的底处的波浪使其更加生动活泼,从而变得更加的迷人。

如何去视觉话你的数据

这些界面的例子充分的说明,数据不一定要是复杂的,它可以是被视觉化以能够带给使用者更加高效和愉悦的感受。

这些是一些数据可视化的解决方法,比如好的色彩方案,动态的动效,互动式的图表,你有想好如何视觉化你的下一个项目了吗?那就赶快行动吧。

相关文章

网友评论

      本文标题:从那些数据可视化的设计中得到启发

      本文链接:https://www.haomeiwen.com/subject/fgkhpttx.html