【云计算】遵守着7个设计原则,你也可以设计出漂亮图表
小标 2019-02-25 来源 : 阅读 1398 评论 0

摘要:本文主要向大家介绍了【云计算】遵守着7个设计原则,你也可以设计出漂亮图表,通过具体的内容向大家展现,希望对大家学习云计算有所帮助。

本文主要向大家介绍了【云计算】遵守着7个设计原则,你也可以设计出漂亮图表,通过具体的内容向大家展现,希望对大家学习云计算有所帮助。

【云计算】遵守着7个设计原则,你也可以设计出漂亮图表

想象你是公司的数据分析师。去年,老板开除了一些人,现在想要制定下一年的招聘需求,老板正在思考是否有必要再招人,他想征求你的建议。


首先,你想要了解去年解雇那些人对团队整体生产力的影响。所以你绘制了下面图片中的折线图。蓝色折线是每个月新增工单数,红色折线是去年处理工单数。


两个折线一对比,你发现从7月份解雇人员后,新增工单数超过了处理工单数,这说明人力不足的确导致了团队生产力的下降。


现在你想将绘制的这个粗糙图表改造,然后再展示给老板看,不然如此丑陋的图表肯定会挨批的。


你能发现这个图形有哪些地方可以优化吗?


图表中每一个多余的元素都会增加用户的认知负荷。所以我们采用下面的设计原则,来让图表变的漂亮。


设计原则1:去掉图形边框、网格线


这样会使的数据更突出。


设计原则2:去除数据标记


线条本来就可以直观展示数据,有了数据标记会增加用户的认知负荷。


这并不是说永远不要使用数据标记,而是要有目的地使用,尤其不要因为它们默认包含在你的绘图软件里而使用。


下面图片是经过这两个原则处理后的效果,你会发现数据显得更加突出了。


设计原则3:坐标轴标签处理


避免使用倾斜的元素。一项研究(2005年Wigdor和Balakrishnan的研究)表明,阅读45度倾斜的文字时,速度比阅读正常方向排列的文字要平均慢52%,阅读90度倾斜的文字平均慢205%。所以我们将上面图表中的x轴标签水平排列,从而消除倾斜的文字。


很多时候,系统默认生成的轴标签当中会在小数点后面出现多余的尾数0,这些0没有任何参考价值,反而让数字看起来比实际复杂得多。


当小数点后面尾数是0时,我们可以去掉这些尾数以减少受众不必要的认知负荷。


设计原则4:删掉不必要的图例


作为数据的设计师,我们需要尽量识别出任何困难消耗用户精力的问题。我始终觉得在图例和数据之间切换事件麻烦的事情。在这种情况下,我们直接在需要描述的数据旁进行标记出来。




设计原则5:保持颜色一致


对数据标签和所描述的数据使用相同的颜色。这对用户来说给出的信息是:这两部分信息是相关联的。比如前面案例中的新增工单折线和数据标签都用蓝色。而处理工单折线和数据标签都是有红色。


设计原则6:对齐


用户通常会从页面或者屏幕的左上方开始,按“之”字形移动视线并消化信息(如下图)。


所以避免使用居中对齐的文字,我喜欢将文字(标题,坐标轴标签等)按左上角对齐。这意味着用户会先看到有关如何阅读图表的细节,然后再看到数据本身。


设计原则7:字体


很多人软件比如Excel自动生成的字体太丑了。我一般中文使用微软雅黑,英文和数字使用:Arial字体。


经过上面7个图表设计原则,整个图表的可读性有了显著提升(下图)。


现在你已经知道了这7个设计原则,以后就可以像设计师一样设计图表了。


本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标大数据云计算大数据安全频道!

本文由 @小标 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式AI+学习就业服务平台 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved