玩转信息图表，颠覆你对PPT认知（二）

今年升值加薪就靠这些信息图表了...



今天下午突然收到微信原创保护的邀请，有点小激动，提交的原创验证没过多久就通过了，现在微信公众号多了很多功能，大家可以在每篇文章下留言与我互动，也可以到公众号的主页点击菜单查看往日的文章。

在这里感谢各位的支持和厚爱！

我一定会竭尽全力为大家提供更好的内容，也希望大家能多多反馈意见和建议，我们一起变得更好！

在日常的PPT汇报中，为了让我们的观点更有依据，更能说服我们的目标听众，此时我们会找一系列的数据来论证我们的观点，而表现在PPT里就是信息图表



系统自带信息图表我们看的多了，怎样把系统自带的信息图表改头换面，变成炫酷，有趣，好玩的图表？

我们一起来看看设计师们是怎样做的吧！

柱形图



从严格的意义上定义，这其实是组合图表（柱形图+折线图）

1.配色：采用了标准的双色系（红色和黑色）给人一股浓郁的商务风。其余柱形都为黑色，只有一个是红色，这样做有利于突出重点信息，可能是这月份发生了特别的事件（例如：销量最高）要重点介绍2.纵坐标：设计师把纵坐标移到了图表的右边，是因为右边的柱形最高，这样版面比较平衡协调。

3.图例：同时把图例删掉了，在版面的左侧画了两个小圆作为图例

4.标题：设计师为了美观删掉了，个人认为图表的标题是必不可少的，图表表达的是什么内容，要让观众一眼从你的幻灯片中读出来5.网格线：水平网格线删除，同样是出于美观的处理。如果不影响信息的表达，非常推荐进行这样的处理。但如果要指出每个月份的销售额，要么在柱形上标清楚每月份的数值，要么增加水平网格线。图表的可读性是进行设计的第一要素



此图的图表跟上图其实是一样的，大家可以对比一下，同样的图表，大小不同，在视觉呈现上的差别





大家可以把上图跟第一张图作为对比，上图没把左侧的纵坐标进行处理，图表的趋势是左边低，右边高，这样构图就不是那么平衡了。

看完商务风的，接下来，我们来看看柱形图的另类玩法

折线图



1.网格线：删减了水平网格线

2.图例：移到中间最下面

3.数值：没在图上标明，只有下方两个数值，但具体意思没能从图上看懂，可能只是为了表示趋势

4.纵坐标：进行了删除



相比上图，这个图表虽然没有上图好看，但在信息的可读性方面要好一些

1.网格线：使用淡灰色作为水平标线，即不影响图表的美化，又可以对图表的数值进行解读

2.图表：线条上进行了标注设计（线条上的空心圆点）

3.图例：同样进行了移动的处理，在版面的左下方









饼图



1.配色：采用了统一的商务蓝

2.百分比：进行了缩小处理，把数值最大化的凸显出来

3.圆环：设计师在图表底下画了4个与图表相同大小的圆，并与图表的圆环加以组合，很有设计感

4.图例：因为一个图表只表示一项内容，所以不需要特别的图例进行解读，设计师把说明性文字和解释性文字放在每个对应的图表下，也起到了解说性的作用



这图跟上图其实是一样的，深灰色那部分只是起到辅助的作用，没有任何含义，彩色部分才是真实值。而上图把深灰色那部分隐藏掉，以一个更细的圆去跟稍粗一点的圆环组合，显得更优雅，更有设计感一下

梯形图



1.标题：设计师把标题放得很大，在视觉上能让人第一时间注意到标题

2.网格线：为了不影响美观，设计师同样进行了删减。这种做法之前也提到过，最好的表达方式是进行淡化处理（增加线条的透明度或者填充与背景颜色相同但饱和度更高一点的颜色）

3.图表：使用了渐变填充，还与折线图进行了组合，借用折线图的”标记“添加了很多白色小圆点，充满了科技感

条形图

1.配色：同样是走商务风路线，商务蓝+深灰，灰色用来辅助

2.图表：进行了【系列重叠】处理，以深灰色那条线作为辅助线，蓝色代表实际值

3.文字：设计师把文字都移到了图表的上方，这样看起来非常规整，干净

总结

1.图表的可读性是设计的第一要义，要保证信息能被观众完全接受，再考虑某些元素是否可以进行删减

2.一般来说，图表采用两种颜色最佳，一种为灰色，作为辅助色，另一种选择彩色，作为主色

3.如果条件允许，图表的柱形越纤细，会更优雅，更有设计感

4.保持版面的简单，不推荐把图表放在图片上，如果实在要放，可以在图片与图表之间增加一层半透明的蒙版，拉大对比度，确保图表可读

5.网格线和数值两者二选一，要么保留网格线，要么保留数值

6.标题是图表的“神”，图表表示什么内容，要让读者从标题上看出来

    关注 雅客先生