【漫话图表】01 七种柱状图的优劣

发表于:2014-12-03 00:00 [只看楼主] [划词开启]

在构建图表可视化过程中,设计师经常加入一些小图形来修饰其设计,并毫无违和感。但有时这些额外的美化却降低了信息传递效率。下面,让我们跟设计师来学习对柱状图的七个调整方法,同时详细分析对信息交流和影响数据表达的影响。

圆角柱状图可能就是这些调整中影响最小的。根据设计主题的,设计者既可采用简单的圆角设计,也可以换成酒瓶或蜡笔。这种变化可能存在的唯一问题,是柱状图的顶部缺少一条有效的水平线,使柱状图之间难以比较。但这缺点可通过网格线来掩盖,使柱状图的表达更有效。

三角形柱状图也能跟圆角柱状图表达得一样好。糟糕的是,它们通常不准确,也容易产生一些问题。

三角重叠柱状图是审美的概念,可实际上并不传达柱状图表的实际信息。在欧拉图中,区域之间的重叠部分代表共同点的子集,但柱状图的类别间却没有关联。再加上感知区域的变化,重叠区域应贴近灰色。

undefined

三角形柱状图表很常见,三角柱在水平和垂直上的尺寸和区域都在变化。面积这个潜在的指标,有时候被认为与坐标轴表达的线性内容有冲突,但这种表达绝对是错的,就和下面这个图所犯的错误是一样的。

通过增加标签来扩展柱状图,不失为好办法。但标注不正确时却会扭曲数据间的比例。描述清晰的标签中,位置和数值应用都很重要,而且是非负数(在这儿大家也可以思考一下柱状图负值的处理方式)

undefined

没有标签的柱状图是一个大问题。没有足够的标签,是不可能知道条形图表示什么、每个柱子代表多少、如何比较数值等。条形图的网格线越密,柱子越多,越重要(两个柱子的图表就不需要网格线了)

undefined

轴与标签密切相关。尤其是当多个条形图在同一页面时,要注意相同的单位,而且每个轴应具有相同的数据。图表之间会有比较,但图表内部的数据同样重要。从正坐标轴开始的做法越来越少了,当数轴涵盖负数,使坐标轴最大和最小的值的绝对值保持一致,通常是更好的方法;当涉及局部与整体的百分比时,坐标的范围应该总是从0100

undefined

虽然条形图没有什么创意,但利用合适的设计却能非常清楚的表达数据,反之却容易使数据混乱。用心处理那些柱子们吧。

written by Drew Skau ,

@与君同行相伴一生编译



最后编辑于:2015-05-30 20:59

本帖来源社刊

分类: 作品赏析
全部回复 (7) 回复 反向排序

  • 1

    点赞

  • 收藏

  • 扫一扫分享朋友圈

    二维码

  • 分享

课程推荐

需要先加入社团哦

编辑标签

最多可添加10个标签,不同标签用英文逗号分开

保存

编辑官方标签

最多可添加10个官方标签,不同标签用英文逗号分开

保存
知道了

复制到我的社团