一般的数据图表都可以拆分成最基本的两类元素: 所描述的事物及这个事物的数值，我们暂且将其分别定义为指标和指标值。比如一个性别分布中，男性占比30%，女性占比70%，那么指标就是男性、女性，指标值对应为30%、70%。

1、将指标图形化

一个指标值就是一个数据，将数据的大小以图形的方式表现。比如用柱形图的长度或高度表现数据大小，这也是最常用的可视化形式。

传统的柱形图、饼图有可能会带来审美疲劳，可尝试从图形的视觉样式上进行一些创新，常用的方法就是将图形与指标的含义关联起来。

2、将指标图形化

一般用与指标含义相近的icon来表现，使用场景也比较多。

3、将指标关系图形化

当存在多个指标时，挖掘指标之间的关系，并将其图形化表达，可提升图表的可视化深度。常见有以下两种方式：借助已有的场景来表现和构建场景来表现。

总结

根据之前3步，可将指标、指标值和指标关系分别进行图形化处理。

以最简单的性别分布为例，可以得到一个线性的可视化过程（如下图）。实际可视化思考中，将哪类元素进行图形化或者图形化前后的顺序可能均有不同，需根据具体情况处理。

4、将时间和空间可视化

时间：通过时间的维度来查看指标值的变化情况，一般通过增加时间轴的形式，也就是常见的趋势图。

空间：当图表存在地域信息并且需要突出表现的时候，可用地图将空间可视化，地图作为主背景呈现所有信息点。

5、将数据进行概念转换

先看下生活中的概念转换，当我们需要喝水时，通常会说：给我来一杯水；而不会说：给我来30ml的水。在这里，30ml是一个实际数据，但是难以感知，所以用一杯的概念来转换。

同样在数据可视化，有时需要对数据进行概念转换，可加深用户对数据的感知。常用方法有对比和比喻。

6、让图标“动”起来

数据图形化完成后，可结合实际情况，将其变为动态化和可操控性的图表，用户在操控过程中能更好地感知数据的变化过程，提升体验。实现动态化通常以下两种方式：交互和动画。

交互：包括鼠标浮动、点击、多图表时的联动响应等等。

动画：包括增加入场动画、交互过程的动画、播放动画等等。

总结

数据可视化形式多样，思考过程也不尽相同。以上6步法，是基于“数据”层面（区别于信息可视化），梳理思考过程，总结设计方法，为后续可视化提供可借鉴的思路。

回复所在城市的大写首字母即可查看对应城市的展讯（例：广州回复GZ即可查看）。

目前开通的城市有：广州 上海 北京 成都 深圳

相关阅读（回复数字即可查看对应资讯）：

1.《好设计的二十条金律》

2.《有趣的交互设计》

3.《香港创意人的设计反思》节选一

4.《设计师是不是真正的用户》

5.《设计的过程与方法》

6.《产品界面视觉上的轻设计》

喜欢本文请点击右上角将文章分享到朋友圈或者发送给朋友。

未关注用户点右上角查看官方账号，点击关注！

关于我们：

IxDC（微信号：ixdcorg）：致力于引领中国交互设计行业行业发展，每天发布设计类资讯，让你快乐收获新资讯。