技能172-这种人物百分比直观展示图表学会了要低调哦-布衣公子

2017-12-12  本文已影响71人  a174b2647161

采用图标矩阵式排列的百分比图表非常直观且很有设计感,但大多并非可编辑数据图表,需要手动修改颜色,可否设计成编辑数据颜色自动变化的数据图表呢?

核心的设计技巧是:图形填充图表区域。这种填充并不是将图形填充到柱/条形图或饼图上,而是填充到图表区域内,并和底层图表形成视觉上的完美搭配。这是布衣公子瞎琢磨出来的方法,需要极有耐心才能完成!

第一步,人物图标获取。

素材中国、FreePik、千图网等网站都可以搜索到人物矢量图标,下载后在AI中打开,拖入PPT中两次取消组合即可使用。

第二步,利用iSlide插件排列图标。

借助iSlide插件的【设计排版】工具,将人物图标进行矩阵布局,横向数量为20,间距120;纵向数量为5,间距为110.iSlide插件官网下载即可安装使用。

第三步,将矩阵排列的图标挖成镂空图形。

另外再绘制一份矩形图框,其范围略大于人物图标的矩阵队伍,先将人物图标组合,与矩形图框横向与纵向居中对齐,然后再将人物图标取消组合,选中人物图标与外围矩形图框,进行【合并形状】→【组合】的操作,即将矩阵排列的图标挖成了镂空图形。

第四步,绘制条形图并进行细节设置。

通过【插入】→【图表】→【条形图】→【堆积条形图】插入堆积条形图后,删除「系列3」,并将「系列1」和「系列2」设置为「主数据」和「辅助」,「辅助」的数值用公式设为20-「主数据」的数值,「主数据」的下方设一个「求和」处,方便直观得到该列的汇总数值,主数据的值以75为例拆分为20,20,20,15,0;最后将图表的分类间距设为0,并单击纵坐标轴,设置逆序类别;单击横坐标轴,设置坐标轴边界最大值为20。

第五步,将镂空图形复制到图表区域。

将图表的辅助数据对应的柱形调为深灰色,并与镂空图形进行大小和位置的对齐,再复制好已经挖成镂空的图形,粘贴到图表区域(记住,不是粘贴到柱形图上),然后进行位置的微调,使底端的柱形图与上层的镂空图标配合的天衣无缝、浑然天成般看不出是如何制作的,即可。此时,您再修改数据试试看呢?具体的设计过程请您详见网易云课堂《揭秘PPT真相》之《PPT图表设计》章节的视频演示。

其他类似案例一,

我们将人物图标更换为其他图标,并将图标排列为「10×10」的矩阵,这样显得更为直观,比如图中的这个图表,就可以展示为一切与住房有关的数据表述场景,非常直观且很有设计感。

其他类似案例二,

这种非常常见的矩阵式方块的直观百分比显示图表,同样也可以利用本次课程的方法来实现!

上一篇下一篇

猜你喜欢

热点阅读