PPT图表美化模板(共51页)

1、PPT图表美化Part1【认识图表元素】序言：数据图表是PPT中常见的元素，也是增强PPT的数据生动性和数据说服力的有效工具。PPT中的数据图表和Excel中的图表在操作和使用方法上几乎是完全一致的，但在PPT的使用场景中通常会有更高的视觉化和设计感需求，因此对图表的美化是PPT中用好图表的关键重点。这个系列将针对各种不同类型的图表为大家提供一些美化的思路和方案，具体操作环境在PowerPoint 2013版本下，但除特别说明外大部分操作也同样适用于Excel和PPT的其他版本。1.认识图表元素下图以一个簇状柱形图为例，标明了一般图表的一些基本元素。在本文的后续内容中会多次提到这些元素的称谓，

2、所以有必要事先对它们所指代的对象及其位置有一个比较清晰而全面的交待。【图表区域】：图表区域就是创建图表后所生成的图表容器，与此图表有关的所有显示元素都容纳在这个容器范围之内。通过这个区域，可以整体的复制图表。图表区域可以设置背景颜色和边框颜色，如果将图表区域背景设置为无色（透明），那么就会透过此区域显示背后的图层，比如在Excel当中就会显示图表下层的单元格。【绘图区域】：图表中放置数据系列的矩形区域，也就是在上面图中显示灰色斜线底纹的区域。绘图区域可以设置填充色和边框颜色，如果设置为无填充色（透明填充色），那么就会在此显示整个图表背景的颜色。【横/纵坐标轴】：图表中用来标识X/Y坐标轴的轴线

3、，可以设置线型和颜色，如果颜色设置为【无线条】的话可以隐藏坐标轴线（隐藏和删除不是同一回事）。坐标轴线并不总是和绘图区域的边框位置重叠，通过设置坐标交叉位置或坐标数值范围，可以改变坐标轴的位置（详见用坐标轴改变图表的展现形态Part8【坐标交叉位置】）【横/纵坐标轴标签】：坐标轴上面用来标识刻度或数据类别的文本框。数值标签可以自定义数字格式，可以设置数值单位（百/千/百万等），也可以隐藏这些标签文字。坐标轴标签的位置并不总是和标签轴在一起，可以通过选项单独设置标签的显示位置。【网格线】：网格线就是坐标轴刻度的延长显示线，以整个绘图区域为宽度或长度。网格线分成主要网格线和次要网格线，与坐标轴上的

4、主要刻度和次要刻度分别对应。【刻度线】：（没在上图中显示，请看下面的图）刻度线是坐标轴上标明刻度位置的小线段，它的延长线就是网格线。刻度线可以隐藏，也可以设置与坐标轴不同的交叉方式（内部/外部/交叉）。【数据系列】：用来生成图表的一组数据就是一个“系列”（SERIES），如果有多组数据就有多个系列，例如前面的柱形图中就有三个数据系列。图表中的数据系列通常就是指某个系列的具体图形，对于柱形图就是其中的矩形柱子，对于折线图就是其中的线条，对于散点图就是其中的数据点，对于饼图就是其中的扇区。用鼠标单击这些图形，可以同时选中整个系列中的每个数据点，再次单击的话就是选中这里面的单个数据，仔细观察选中图形

5、边缘上的空心圆点，可以很容易区分这两种不同选中方式的区别。【数据标签】：在数据系列上直接标识每个数据点类别或数据大小的文本框。标识的具体信息根据图表类型的不同会有所不同，通常会包含系列名称、类别名称和数据值这么几种可选信息。可以为标签设置自定义的数字格式，也可以设置数据标签的摆放位置（在数据系列的内侧/居中/外侧等等）。【图表标题】：用来显示图表标题的文本框。摆放位置随意可调。【图例】：显示数据系列的具体样式（包括填充色、边框色、线条色、效果等）和对应系列名称的示例。摆放位置随意可调，摆放顺序可调（横向或纵向），形状大小可通过字体大小来调整。以上这些元素就是我们在图表中的一些常见元素。除此以外

6、有些时候还会用到误差线、趋势线、涨跌连接线等等元素，这些对象会在后面文章实际用到的时候再具体介绍。PPT图表美化Part2【单系列柱状图】在PPT中使用Excel制作数据图表，其最终目的始终是为了通过直观可视的方式来增强数据的生动性和表现力。要达到和实现这样的目标，在图表设计制作当中简单概括起来有三个需要重点关注的方面：简洁、和谐、重点突出。围绕这三个重点，要让PPT中的图表显得更美观、更具商务范和专业气息的话，从操作上来说，常规的处理方法包括以下这三个步骤：1， 简化元素2， 优化形状3， 配置颜色下面就以最基本的、仅包含单个数据系列的柱状图为例，演示一下上述三个步骤的具体实现过程。步骤1，

7、简化元素美的标准在每个人眼里都不一样，但俗话有云“简洁就是美”，“简洁”可能是其中最直观最容易实现的美化目标之一。对于图表来说，简洁的实现方法简单来讲就是做减法，在保证数据特征正确表达的前提下尽可能清除或隐藏不必要的图表元素。上面图中是一个很普通的柱形图图表，经常接触2003版的用户应该经常会看到这样的“默认”图表。有不少人觉得微软家的图表很难看，这种“难看”通常都是针对“默认”图表而言，其实Office软件提供了我们很多编辑修改的途径，通过一些正确的方法，任何人都能让这些难看的图表变得顺眼起来。我们首先可以对这个图表进行以下一些元素的简化：删除网格线：除了散点图等少数图表以外，网格线对于展现

8、数据特征的影响不是特别显著。如果在图表中添加数据标签的话，甚至可以不依靠网格线的辅助参考作用就能正确标识数值大小，这种情况下完全可以去掉网格线。删除图例：对于只有一个数据系列的图表来说，不需要通过图例来识别区分数据系列，因此图例也可以清除。实现方法：在绘图区中选中垂直轴网格线，然后在键盘上按【DEL】删除。选中图例后按【DEL】键删除图例。设置绘图区和整个图表的背景为无色（透明）、边框为无线条：幻灯片中所使用的图表，在整体上与背景相互融合会显得比较和谐而大气，在这种情况下图表的绘图区域通常设置为无色并且无边框，突破框架的局限。实现方法：选中绘图区，点击右键，在右键菜单中选择【设置绘图区格式】，

9、在对话框中设置填充为【无填充】，边框为【无线条】。同样的方法选中设置整个图表的背景为无色、边框为无线条。隐藏纵坐标轴及其标签：在只有单个系列的柱形图中，纵坐标轴的作用与网格线类似，用于对数据大小进行标尺衡量。如果在数据上添加数据标签，同样可以标识数据大小，在这样的情况下可以对纵坐标轴进行隐藏。需要注意的是，隐藏并不完全等于删除。实现方法：选中纵坐标轴，点击右键，在右键菜单中选择【设置坐标轴格式】，在对话框中设置填充线条为【无线条】，然后将标签位置设置为【无】（2007和2010版中此选项名称为“坐标轴标签”）。隐藏横坐标轴的刻度线：隐藏的理由和上面相同。实现方法：选中横坐标轴，点击右键，在右键

10、菜单中选择【设置坐标轴格式】，在坐标轴选项对话框中设置刻度线标记为【无】。优化横坐标标签：标签内容的文字字体可以考虑缩小字号，并且改为更有设计感的字体，例如微软雅黑，在字号比较小的情况下也能清晰显示。除此以外还可以考虑减少标签的文字内容，例如这个例子中的四个季度，可以用Q1Q4来替代，实现最简化。要更改标签文字内容需要在数据源中更改对应的行标题或列标题。如有进一步的简化需求，可以考虑隐藏横坐标轴或将坐标轴的线条颜色变浅。步骤2，优化形状对于柱形图来说，从目前的扁平化和极简化设计趋势出发，系列形状的设置上可以尽量简单，只需要去除边框，保持形状原始状态，不需要添加其他特殊效果。如有必要，可以添加适

11、当的阴影效果。当数据个数比较少的时候，还可以适当缩小分类间距，拉宽柱形宽度。步骤3，配置颜色设置颜色方案通常需要依据数据的特征来决定。如果图表中的数据是表示相近数据序列或时间上数据分布，可以采用同一色系的不同深浅颜色来进行设置。例如下图：在2013版中有比较方便的功能可以实现，选中数据系列，点击右键，选择【设置数据系列格式】，在对话框中勾选【依数据点着色】。然后在图表工具选项卡中选到【设计】选项卡，在【更改颜色】的下拉列表中就有一些渐变色的方案可以选取。如果图表中的数据是表示各个不同项目或类别的数据对比，则可以采用各不相同的颜色。比如下面就是采用一组三次色的柔和配色组合，能够区分不同的项目，同

12、时整体上相对比较和谐。2013版中的实现方法与上面类似。如果需要突出其中的某个数据点，可以采用反差较强的对比色进行设置：最后把数据标签添加到图表中，以此来标明数据大小。如果纯粹只需要定性的表达数据，数据标签也可以省略。实现方法：选中数据系列，点击右键，选择【添加数据标签】就可以在图表中显示具体的数值。可以进一步调整标签的显示位置，例如要把数据标签显示在柱形内部的顶部，可以选中数据标签点击右键，选择【设置数据标签格式】命令，在对话框中将标签位置设置为【数据标签内】。上面这些步骤完成以后，这个柱形图的美化就基本实现了目标。最终效果如下，现在的外观跟之前的“默认图表”已经大不相同了。这是美化后的图表

13、放置在PPT中的整体效果：在上一期的文章当中介绍了使用三个套路步骤对最常规的单系列柱状图进行美化的方法，能够得到一个简单的美化结果，就像下图这样：显然，图表的美化并没有唯一确定的标准。PPT的使用场景以及版式风格的不同，图表的式样也会有不同的美化方向。在这一节中会给大家推荐一些比较通用的柱形图填充式样类型，抛砖引玉供大家参考。1，形状边框+阴影效果最终效果如下图：实现方法：在柱形图中选中数据系列，在菜单栏上选到【图表工具】下的【格式】选项卡，然后在【形状样式】中选择【形状轮廓】菜单就可以给柱形添加边框并设置边框颜色。建议使用深色的柱形填充搭配白色的边框线（以及白色的数据标签），效果会非常醒目。

14、然后在同样的菜单位置选择下方的【形状效果】下拉菜单，在其中选择【阴影】，可以为柱形形状添加阴影效果。这种稍微有点立体浮雕感的效果要比直接使用三维图表来的方便而且简洁。2，半透明渐变效果最终效果如下图：实现方法：在柱形图中选中数据系列，点击右键选择【设置数据系列格式】，然后设置【填充】选项，选择其中的【渐变填充】，然后在下方设置两个渐变光圈。两个光圈的颜色可以用同一种，但其中一个光圈要调整透明度（向100%方向调整），结合渐变角度设置，使形状的填充显示为底端深、顶端浅的渐变效果。如果有必要，还可以添加形状边框。在使用了半透明的效果以后，可以让图表区域中的网格线显示出来增强透视效果。选中图表以后在

15、【图表布局】中可以为图表添加水平网格线。网格线不宜太多太密，可以选中网格线以后点击右键，选择【设置坐标轴格式】命令，在其中通过设置【最大值】和间隔【单位】来调整网格线的显示数量，45根线足矣。接下来给网格线设置颜色，尽量选择低调的浅色，不影响前景的图形显示。选中网格线在菜单栏上的【图表工具】下的【格式】选项卡中点击【形状轮廓】就可以设置颜色。设置完成以后，选中图表的横坐标轴，也依照上面的方法设置颜色和粗细，使其与网格线形成一致的整体。需要补充的是，这种半透明的类型比较适合柱形比较宽的情况，如果太窄的话效果不一定理想。调整柱形宽度可以通过调整系列分类间距来实现：选中数据系列点击右键，选择【设置数

16、据系列格式】，然后在【系列选项】中缩小【分类间距】即可实现。3，图案填充最终效果如下图：实现方法：在柱形图中选中数据系列，点击右键选择【设置数据系列格式】，然后设置【填充】选项，选择其中的【图案填充】，然后在下方图案列表中选择图案。如果不想被人吐槽密集恐惧的话尽量不要选择太细太密的图案，推荐使用斜线粗条纹。下方设置图案的前景颜色和背景颜色，可以使用同一色彩的深浅色来进行设置。不需要设置边框。使用图案填充以后，数据标签不再适合放置在图形内部（如果希望放置在内部，可以添加标签的背景色），通常可以放置在形状外侧。选中数据标签点击右键，选择【设置数据标签格式】，在【标签选项】中把【标签位置】设置在【数

17、据标签外】即可。除了上述设置以外，还可以隐藏横坐标轴。选中横坐标，将形状轮廓选择【无轮廓】即可。4，形状替换最终效果如下图：实现方法：形状替换是图表当中很有意思的一个功能。选择图表以外的一个图形形状，复制以后，再选中图表中的数据系列按下粘贴，就可以用这种形状来替代图表中的图形，并且会根据数据大小的不同而自动变化形状的比例大小。对于柱形图来说，比较常见的图形替换方式有常规形状替换（三角形、梯形）或具象化替换（以实物的具体图标进行替换）。例如上面图中的例子就是以一个半透明渐变方式填充的（半透明渐变设置方法参考第2点）等腰三角形形状进行替换。5，管状填充最终效果如下图：如果柱形图所要表现的数据是百分

18、比数据，那么使用一组高度与纵轴高度相同的半透明柱形来表现100%状态是一种不错的选择。实际的柱形图形就像是灌装在这组半透明柱形中的液体。实现方法：这个图表的实质就是两组柱形上下层叠放在一起（并非是垂直方向的上下堆积叠放），需要添加一组代表100%的辅助数据，然后使用次坐标轴来实现。具体操作步骤如下：在数据源中添加一组数值大小为1的数据组（1即代表100%），然后添加到图表中。选中这个新增的数据系列，右键选择【设置数据系列格式】，将系列绘制在【次坐标轴】。接下来调整主/次坐标轴的最大值和最小值均分别为1和0，就可以形成两组柱形对齐叠放的状态。接下来，选中代表100%的这组数据系列，设置填充色的透

19、明度为半透明（70%以上），再添加边框，即可呈现效果。另一组柱形数据系列不需要进行太多设置，尽量选择深色配色，与背景色形成反差。横坐标轴同样可以隐藏。如果希望管状填充的液态效果更生动些，可以使用不规则切面的柱形形状通过形状替换功能来替代其中实体柱形的显示。不规则切面的柱形形状可以使用形状的【编辑顶点】功能来实现。上述就是几种在柱形图上常用的形状填充手法，希望能够借此开拓大家的思路。除此以外，还有一些具象拟物的手法可以让柱形图变得更生动有趣，具体内容可以参阅：仿音控器柱状图有兴趣的可以了解一下。前两期的文章当中介绍了柱形图的一些常见美化手法，这次再拿折线图来练练手。折线图的绘制中通常有两种比较常

20、见的类型：显示数据点的和不显示数据点仅显示连线的。一般情况下来说，如果数据组中的数据点不是很多，则比较适合使用前一种方式，显示数据点的状态和数据点连线；而如果数据比较多，再用数据点的方式就不太合适，而更适合直接使用不带数据点的线条来展现数据整体趋势状态。这一期中先以前一种折线图类型为例介绍一种常见的绘制方法。下面是比较常见的系统默认产生的折线图样式，和先前一样，我们可以从简化元素和优化行政两个方向来进行整体改造。1，隐藏纵坐标轴对于均匀分布的折线图数据点来说，每个数据点的横向分布位置相对比较容易辨识，因此纵向网格线的视觉引导并非完全必须，所以折线图可以选择使用纵横网格线的背景区域，也可以隐藏纵

21、向网格线和纵坐标轴，仅显示横向网格线来标识数据高度。实现方法：选中纵坐标轴，设置坐标轴格式，在填充线条中选择【无线条】2，简化横轴标签折线图由于横轴上分布的数据点相对来说会比较多，因此数据标签的分布密度相对比较高，也由此要求标签的内容尽可能简单，可以通过修改数据标签的数值格式来进行简化（如果是文字标签建议直接更改源数据），也可以考虑通过放大坐标间隔单位来减少标签的显示数量。实现方法：选中横坐标轴，设置坐标轴格式，更改数字格式类型，例如将日期改为m/d的格式。3，隐藏横坐标轴刻度线目的和第一步当中的操作相同，在不需要纵向网格线的情况下，隐藏横坐标轴的刻度线，简化坐标轴显示。实现方法：选中横坐标轴

22、，设置坐标轴格式，刻度线标记类型设置为【无】4，其他元素设置网格线背景在图表中是配角，在不影响数值定位的情况下可以尽量淡化横向网格线，此外图表区域和绘图区域的背景填充色也都可以设置为无色透明，减少对前景的显示影响。实现方法：选中网格线，设置形状轮廓颜色为浅灰色。分别选中绘图区域和图表区域，填充色都设置为【无颜色】。5，字体优化设置字体，本例中选择英文字体为Candara，中文字体为微软雅黑。6，优化形状突出折线图中的数据点显示，同时与数据连线和谐搭配。常见的方式是选择使用圆形的数据标记，放大形状，设置一定反差的填充和边框色。实现方法：选中数据系列，设置数据系列格式，在数据标记选项中选择内置的圆

23、形形状，调整大小，例如设置为11。7，设置数据标记的填充色和边框线可以考虑将数据标记的填充色设置为白色，而设置边框线颜色与数据点连线保持一致，并且加大边框线宽度，与数据点连线保持一致。实现方法：选中数据系列，设置数据系列格式，设置数据标记的填充色，设置数据标记的边框线颜色和线型宽度。做到这里的时候，这个折线图已经基本完成比较简洁的风格美化。在有些美化方案中，考虑到图表画面的平衡感，也会在折线图的线条下方加入半透明的形状来描绘折线形态，外形上就像是面积图和折线图的组合。这种样式的实现事实上也确实可以通过叠加面积图来实现。下面的步骤就是实现过程。8，添加一组完全相同的数据系列编辑图表的数据源，增加

24、一组与源数据完全相同的数据，并添加到图表中，形成两个数据系列的折线图，两条折线重叠在一起。9，修改为两种图表类型的组合图表选中新添加的数据系列，更改图表类型为【面积图】（此处务必注意只选中一组系列再更改图表类型），这样形成由两种图表类型组合而成的组合图表。其中面积图的边缘轮廓与折线图的线条轮廓一致。10，设置面积图的填充色面积图的填充颜色可以设置为半透明，也可以在此基础上设置渐变过渡，会有一些不一样的视觉效果。实现方法：选中面积图所在的数据系列，设置填充颜色，加大填充色的透明度。如果面积形状有边框线条，还应该把边框线设置为无。最后可以把图例中代表面积图的这个图例删去，仅保留折线图的图例，最终的

25、美化效果如下图所示，有没有觉得视觉效果要比原本的图表更强呢？如果觉得这个美化的结果并不是预期中的效果，在下一期我们也许可以来看看折线图的美化还可以有哪些其他的选择方案。在上一期折线图的美化中，给大家介绍了包含数据点的折线图的常见美化方法，这一期再来看看其他一些适合折线图的常用样式。在上一期折线图的美化中通过一系列步骤操作，得到了下面图中这样的结果，这个图实质上是一组折线图与另一组数值完全相同的面积图组合而成的图表，其中的面积图起到装饰衬托的作用，整体画面平衡感要比单一的线条样式来的更和谐。如果需要在同一图表中绘制多组折线，也同样可以参考上面的方法和样式进行设计制作，最终可以得到下面这样的结果。

26、但在操作过程中需要注意数据系列的叠放顺序问题。具体实现方法如下：1，添加新的数据组和辅助数据列在原有的数据图表中（实际包含两个数据系列，在下面图中的表格中分别显示为【产品A】和【辅助A】数据列）添加第二组数据以及第二组数据的复制数据，假定分别为【产品B】和【辅助B】数据列。添加完成以后，图表中除了原有的图形以外，会新增两条重叠在一起的折线。2，改变辅助数据的图表类型和上一期中所采用的方法一样，同样需要把辅助系列的图表类型改成面积图，由此来形成一个外围轮廓形状与折线形状相吻合的背景图形。实现方法：在图表中选中【辅助B】系列（可以通过图例来选取），点击右键选择【更改系列图表类型】，在2013版本中

27、会出现一个显示所有系列当前类型的对话框，可以在此对话框中对每一个系列的图表类型进行设置，在这里需要确保的是两个主要数据系列使用的图表类型为“带数据标记的折线图”、而另外两个辅助系列的图表类型均为“面积图”。在其他的版本中不会出现这样的对话框，可以直接选择面积图作为【辅助B】的系列图表类型，并要确保其他几个系列的类型没有用错。这样操作完成以后就会形成两对折线与面积形状的组合形态。3，设置数据系列的叠放顺序由于源数据中的数据存放顺序以及生成图表时添加数据系列的顺序会存在多种不同的情况，因此在得到上面的这个图表时，各个系列在图表中的上下层摆放顺序也许会与上面所得到的结果有所不同。从显示习惯上来说，数

28、值比较小、位置上比较靠近横坐标轴的数据系列通常会被放置在上层前排位置（图中的B系列），而数值比较大、位置上比较远离横坐标轴的数据系列通常放置在下层后排位置（图中的A系列），这样的交错摆放次序也比较方便鼠标选取其中的数据系列。实现方法：选中图表，在菜单栏的图表工具栏中选择【设计】中的【选择数据】命令，在打开的对话框中可以选中某个系列以后点击右上角的三角箭头改变系列的绘制次序。对于现在这个例子来说，需要确保的是列表中数值较小的辅助系列（辅助B）必须在列表中处于另一个数值较大的辅助系列（辅助A）的下方，这样就能保证图表中的大数据位于下层而小数据位于上层。这样的系列叠放顺序不仅带来系列选取上的方便，也

29、便于后续对面积形状部分的半透明填充色设置。4，设置折线数据标记和面积图形状样式参照折线图的美化中的操作方法，为新增的B系列的两组数据图形设置样式，其中包括：设置数据标记为内置的圆形形状，设置大小（例如11）；设置数据标记的填充色（白色）；设置数据标记的边框线条颜色（与折线相同）和线宽（与折线相同，例如4磅）；设置折线线条的颜色和线宽（例如4磅）。为面积图形状设置填充色（与折线相同）和透明度（70%左右，能够显示出背景网格线）为面积图形状去除边框线（边框选择【无线条】）在配色方面，如果是两组同类数据进行比较，可以考虑使用同一色系的相近颜色。上层的折线和半透明面积形状可以使用深色，下层的折线和半透

30、明面积形状可以使用浅色，可以区分出两组数据的同时还具有纵深层次感，效果就是上面图中这样。如果是同一数据的不同历史阶段进行对比，可以考虑使用亮色与灰色进行搭配组合，历史数据使用灰色调，当前数据使用亮色调。例如下图这样的效果。5，设置背景网格线在包含多组数据的时候，添加水平和垂直两个方向的网格线更有利于数据的准确定位和对比。实现方法：选中图表，在菜单栏上点击图表工具栏中的【设计】选项卡中（2010版和2007版在【布局】选项卡中添加）的【添加图表元素】命令，在其下拉菜单中选择【网格线】中的【主轴水平网格线】和【主轴垂直网格线】。这两组命令是开关型选项，已经打开显示的情况下再次点击就会关闭显示。值得一提的是，对于2013版来说，添加图表元素除了在菜单栏上操作以外还有更便捷的方法：选中图表，在图表右侧会显示三个图标按钮，点击其中最上面的那个加号就能直接添加图表元素。6，改变横轴的坐标轴位置在添加垂直网格线之后，可能会注意到折线的数据点绘制在两根邻近的垂直网格线中间而不在线上，横轴底部的分类标签也是如此。这样的显示效果对于折线图来说并不是特别合适，有必要更改横轴坐标轴的显示位置。实现方法：选中底