三分钟 学会 “信息图表” !
今天主要给大家看看静态的信息图的设计方法。当然了,如果有能力的同学可以在此基础上做上动画,那就更赞了!
大家可简单的看下这张简洁的图,基本涵盖了图表的大部分类型,
折线图、圆环图、直方图。
我们在收集整理完数据素材之后,要进行详细的整体规划,然后才是信息图的设计,这里只说设计部分。
按照我们一般作图思路再有了数据之后,我们要根据数据特点选择合适的图表基本类型。
我们在选定基本的图表类型后,就要对图表进行装饰啦。
装饰的基本方法有二:图形化和变形。
我们先看图形化
找出代表性的概念 。进行图形化需要先联想出代表性概念,最好是具体的、能够直接图形化的概念。比如有关“石油”的数据,可以选择用“油滴”、“油桶”等代表性概念;有关“钱”的数据,可以选用“金币”、“货币符号”、“钱袋”等作为代表性概念。
确定表现风格与收集素材。这可以有以字做形、使用矢量图形、使用实物照片和手绘四种表现风格。
这款使用了矢量图形,保持简洁的同时,让图表更加的形象能让受众更容易理解。
直接用到了实物,更加直观的表达
手绘风,增加趣味性
这就是第一种装饰方法,让图形作以辅助理解的作用直接标在数据或文字旁图中动物和人的icon,用于辅助理解相应文字。
替换的作用,把柱条、扇形、散点等替换为图形,这个在excel图表中可以选择使用的。
这个也是替换的妙用呦!用长短不同的价签的矢量图形替换柱状图的柱条。那么把前两种方法撮合在一起又会怎么样呢?
哈哈就是这个样子啦!
既有美国国旗的图案,又将折线替换为星条旗的红条纹。下面这种方法大家常见,也常用。
就是把图形当做瓶子用,将基本图表填充于其中。
还有这种,很常见,也很容易做!
再看这种,将图形作为单元,通过图形的重复来表示数量关系。
就如上图将硬币的矢量图形作为单元,组成柱状图。
这个小人更像机器人,图表的主体部分的设计方法,大体有这五种。
在完成主体的设计后 ,还要考虑其他部分的装饰 ,这样才能成为一个整体。
体现专业。除了图表主体外,需要加以装饰的往往还有:图例、图表背景和标注。
图例、图表背景的装饰方法与素材和以上类似。
大家想到了吧,第一种:弯曲。
对柱状图的x坐标轴进行弯曲
对堆积柱状图的x坐标轴进行弯曲(南丁格尔玫瑰图)
对折线图的x坐标轴进行弯曲(雷达图)
对树状图进行弯曲,这个对excel了解的多的话 ,会比较方便。
在看完了弯曲 ,再看看增加空间维度这种方法吧!
一维的柱状图变为二维的矩阵图
nt插件,很方便做出这种矩形阵呦
还有这种,一维的柱状图变为三维的柱状图
还有这种一维的时间轴变为三维具有深度的时间轴
我们还有倾斜的方法呦
到这里,信息图的制作已经基本完成
最后一步是将图表的各个部分进行整合。整合很关键,整合的好,才不会让图表显得突兀,即使你的图表已经很好看了。
首先我们应该注意视觉的层级,简单说就是该大的大,该小的小。
放大、突出重要的文字与图表、弱化次要的内容。让重点突出,也是聚焦版面中心的好方法。
合理的划分区块,使用线条、颜色或者小标题来划分
最后呢,要有合理的阅读导引,一般考虑的是数字和箭头。
哈哈,静态信息图的制作应该已经基本完成。
有能力的可加动画,让版面更写意的呦!
原文发布时间为:2015-07-06
本文来自云栖社区合作伙伴“大数据文摘”,了解相关信息可以关注“BigDataDigest”微信公众号
相关文章
- Python脚本抓取京东手机的配置信息
- English trip V1 - B 17. Giving Information 提供信息 Teacher:Taylor Key: Person Information
- 信息图:《人间•小团圆》是怎么被毁掉的
- 7种方式玩转信息可视化中的时间线设计
- 大脑为何无法像电脑一样处理信息?
- 自己动手构造编译系统:编译、汇编与链接2.4.2 表信息生成
- 《信息物理融合系统(CPS)设计、建模与仿真——基于 Ptolemy II 平台》——2.6 类和继承
- JavaDemo——将Exception的堆栈信息转换成String
- EmotiW 历年竞赛冠军数据及论文信息
- 《抓住听众心理——演讲者要知道的100件事》一10.人们必须使用信息以巩固它
- 基于Python+Neo4j实现新冠信息挖掘系统【100010169】
- Selenium2学习-017-WebUI自动化实战实例-015-获取浏览器中的 cookie 信息
- uniapp/微信小程序 登录以及用户信息获取功能相关问题 uni.login() uni.getUserinfo()
- 俄侵略性宣传这么猛,为啥美国网络司令部却不准备打击信息行动?
- Twitter的这种信息分类技术,在社交媒体中怎么用最有效?
- IBM的AIX系统查看硬件信息命令
- 拒不履行信息网络安全管理义务罪无未遂