在PPT信息图设计中,我们常常需要通过图表的可视化设计来清晰的呈现出各数据值之间的逻辑关系,但是PPT和iSlide图表库中的图表类型众多,如果随意选择套用的话常常会出现下面的情况:
上图中PPT制作图表想表达的内容是新冠肺炎近日的感染人数增长情况,然而却配上表达构成关系的环型图表。这就很难让人把各个数据进行对比,更无法一眼看出疫情的发展趋势。同时也容易让人产生疑惑,难道说仅这六日的感染人数就构成了总感染人数吗?
由此可见,在开始设计前,我们应该先对信息数据进行归类整理,明确我们想要通过对这些数据的设计来表达什么内容,展示什么样的逻辑关系,或者解决什么问题。然后再根据这个逻辑关系和目的选择图表进行设计。
所以今天这篇文章,就和大家聊一聊关于PPT图表设计中常见的几种逻辑关系和设计方法,希望能给大家带来一丝丝帮助。
一、比较关系类图表
比较关系也可以理解成一种特殊的并列关系,它可以是基于时间关系的比较,用来展现同一事物基于不同时间点的数据变化;也可以是基于分类的比较,展现有共同关系的不同事物或者同一事物在不同方面的数据关系。
01.常用图表类型
1.柱形图
柱形图用高度反映数据差异,是信息图表中最常用到的图表之一。
一般情况下,X轴用来表示时间(或类别)维度,Y轴用来表示数值维度,用来展现不同维度间的数据值比较或变化。
2.条形图
直观的显示各个项目之间的比较情况,和柱形图类似。
3.折线图
折线图能清晰的展示数据值基于时间关系的变化。
当一组数据比较多的时候,常常不容易看清楚要表达的意思,这时候就可以通过折线图来让数据变化的趋势一目了然。
02.案例演示
案例1
<文本信息>
武汉市新型冠状病毒每日确诊人数:
1.28日 315人 1.29日 356人
1.30日 378人 1.31日 576人
2.1日 894人 2.2日 1033人
<设计分解>
Before
接下来,在Before的基础上作一些改变,试试把条形替换成和数据相关的icon(icon可以在iSlide图标库中搜索下载):
操作方法:选中PPT图标复制,再选中条形粘贴。即改变条形的填充模式。
但是在这一步会出现图标被拉伸的情况, 需要手动在<填充>中把<伸展>改为<层叠>:
这里如果觉得图标间距太密,可以给icon加个透明底框再进行复制粘贴:
还可以同时复制多个PPT图标进行粘贴填充:
After
案例2
<文本信息>
截止到2020.02.04,全国共有20537冠状病毒确诊病例,其中治愈病例729例,死亡病例426例。
<设计分解>
下图中的基础条形图作为Excel图表来看清晰直观,但是作为PPT信息图就稍显简单了。
所以我们在它的基础上进行了一些优化:
1.添加相关元素:在条形的下方添加了人物图标来辅助表达两组数据的差异。
2.拉开颜色对比:原来两个数据条都是灰色系,在这里通过改变颜色使数据的对比更加明显。
【智能图表】资源ID:#00365891(iSlide 插件智能图表库里输入即可)
二、构成关系类图表
构成关系数据常常表示各个项目在同一个总额中所占据的比例,这些项目都是总额的并列分类,比如资金的分配运用、出口的国家占比等等。
01.常用图表类型
1.饼图 (表示静态构成)
构成比例关系时,最好使用饼图,给人一种整体的形象。
由于人们的阅读习惯一般是从12点钟开始的,所以在设计饼图时,应当把最重要的部分或者占比最大的部分放在紧靠12点钟的位置(顺时针方向)。
【案例库】资源ID:#00361094
2.文字云
展示同一个项目中各个词语出现的频率,可以用来做一些关键词展示、用户标签的工作。
百度指数显示,“武汉肺炎”的关键词搜索指数(1月20日)高达28.5万
关于文字云的制作:
如果觉得在PPT里拼字太麻烦,可以试试tagul.com这个网站,可以一键生成文字墙,还可以在<形状>功能中点击右上角的<添加图片>自定义云图的形状。
此外,文字云还可以在PPT制作中作为背景使用:
02.案例演示
案例1
<文本信息>
截至2020年2月3日24时,湖北省累计报告新型冠状病毒感染的肺炎病例13522例。其中武汉市6384例,约占整个湖北省确诊病例的一半,黄石市405例、十堰市291例、襄阳市632例、宜昌市452例、荆州市613例、荆门市400例、鄂州市332例、孝感市1120例、黄冈市1422例、咸宁市348例、随州市641例、恩施州123例、仙桃市188例、天门市117例、潜江市44例、神农架林区10例。
<设计分解>
第一步把文字内容展示完之后,会发现“武汉约占湖北省确诊病例的一半”这个重点不够突出,所以需要对它进行特殊的处理来加强对比,让重点内容更直观:
不过饼图/环形图是不擅长对比的,比如在上图中,荆州市、襄阳市、鄂州市的5%、3%、2%的占比凭肉眼很难一眼分辨出区别。
所以大家也可以试试多种逻辑图表的结合,来使你的信息表达的更准确。
案例2
<文本信息>
截止2020年2月7日,全球总病例31517例,其中中国31257例,占比99.1%。
<设计分解>
数字也可以作为设计元素:
【智能图表】资源ID:#00365892(iSlide 插件智能图表库里输入即可)
案例3
<文本信息>
武汉市首批入院的41例新冠肺炎病例中,发病时的常见症状有发热,咳嗽,肌痛或疲劳,超过一半的患者还出现呼吸困难。较少见的症状有痰液、头痛、咳血和腹泻。
其中,87%的患者发病时会出现发热和咳嗽症状
<设计分解>
1.先在PPT中画一个圆环来表示出87%的占比。
2.第一步完成后整体看上去还很单调,所以接下来我们来找一些元素对画面进行丰富。
在iSlide插图库中搜索“肺炎”或“病毒”等关键词,下载素材。
3.图表和素材的结合
这一步就需要我们发挥一下想象力,把基础的圆形/环形图表融入图形中,像自行车的车轮、闹钟、放大镜这些圆形物体都可以和饼图进行组合。
iSlide图表库中也有各式各样的环形图设计,灵感枯竭的时候大家可以在其中找找感觉。
在这个案例中我们把基础图表融入同样是圆形的病毒插图中:
然后添加人物图标和咳嗽的插画,方便阅读者快速浏览和接收信息:
【智能图表】资源ID:#00365890(iSlide 插件智能图表库里输入即可)
三、分布关系类图表
一切和空间分布属性有关的数据都可以用到地图。比如各地区销量,各地区人口密集度等。如果结合散点图的设计效果会更好。
01.常用区位图表类型
1.区域地图
在地图的基础上进行设计标注,用来表示与地理位置有关的信息和数据。
一般情况下,数据值的高低可以用颜色深浅来进行区分。
2.散点地图
散点地图基于地图定位来实现,通过定位经纬度,用图标来表示所在位置的信息指标。
可以在高德地图上上传数据来实现:
02.案例演示
<文本信息>
2月4日卫健委召开新闻发布会,截止2月3日24时,全国新冠肺炎确诊死亡率为2.1%,湖北省死亡率为3.1%,武汉为4.9%。
湖北省死亡病例占全国死亡病例的97%。
<设计分解>
第一步,在地图中标注好湖北省的位置,写上文字说明。
第二步,结合条形图来表示出各地的死亡率。
第三步,在iSlide插图库中下载插画元素,丰富画面。同时添加数据来源或说明等文字,让信息图的表达更准确。
【案例库】资源ID:#00360663
以上就是我在图表设计中最常用到的三种逻辑关系,希望大家有所了解,然后在不违背这些基础逻辑的前提下去发挥自己的创意与想法,因为,“逻辑会把你从A带到B,但想象力能带你去任何地方。”