PPT里的流程图，怎么设计才好看？

嗨，各位木友们好呀，我是小木。

先给大伙儿看几张典型的PPT流程图：

这些流程图丑是丑了点，但信息传递得还算够准确，在日常工作中完全够用了。

不过，如果你不想成天被这些残花败柳、枯枝烂叶般的PPT拉低审美，那你可以看看我是怎么设计的：

• 利用优雅的线条；
  
• 借助帅气的图片；
• 使用轻盈的色块；
  
• 巧用其他图表类型。

▎利用优雅的线条

这页PPT的主要问题在于背景干扰到了内容的识别，所以这里我们先“弱化”背景的存在感，把图片变透明：

原稿用时间轴来呈现活动安排的流程，这点没啥问题，唯一有问题的可能就是这根“轴”设计得不太好看。

首先，我个人习惯用更有质感的“渐变线”来代替实线：

▲小巧的时间节点看着更精致

其次，为了不让正文都挤在一边，我还习惯把文案均匀地放到轴的两侧：

你还可以用PPT自带的【曲线】形状绘制曲线，用于代替直线：

换成曲线的时间轴看着是不是优雅很多？

原稿顶部还有一块文案，这里我们可以把这块文案里的关键词提炼出来，用圆角矩形装载：

把经过图形化处理的文案放回原稿中：

此时你可以看到页面上的元素数量较多，所以看着有些散乱。

不慌，用一个设置了【渐变填充】的矩形将上下两组内容隔开：

你瞧，内容组别之间的界限一清晰，PPT看着就工整了~

▎借助帅气的图片

除了自制流程或时间轴线，我们还可以借助一些帅气图片中的“轴线”来呈现内容。

比如，这是一页讲述某科技公司发展历程的PPT：

这里我们可以先找一张自带科技感的地球图片：

将地球轮廓当成轴线，沿着轮廓把内容有序排版到其周围：

帅炸了对吧？

同理，除了地球以外，我们还可以用各种其他自带“轴线”的图片，比如山脉、海岸、建筑等：

利用这些图片中的轴线，我们可以做出各种震撼或创意效果：

▲山脉

▲海岸线

▲建筑物

▎使用轻盈的模块

除了线条以外，我们一般还会用“模块”来排版流程内容。

当然，从设计方面来讲，以下这样的案例是错误示范：

因为模块本身占据了页面较大的面积，所以你不应该为其使用明显的颜色，这会导致配色显得很臃肿。

相反，为它们使用跟背景色接近的颜色，配色就会显得轻盈许多：

▲注意，文案我做了分点处理

只要你能遵循这个配色原则，哪怕你把背景换成深色，配色也照样好看：

为了让文案看着更帅气，我们还可以加几个图标进去做点缀：

相比起线条，用模块来承载流程内容，方向感可能不够明显。

所以我们一般还可以加入线条来增强方向感：

最后，在页面四周增加一些轻微的光晕点缀，完美~

这些所谓的“光晕”，其实都只是一些设置了【路径渐变】的形状而已：

▎使用其他图表类型

流程图，有时候不一定非得长得像流程图。

此话怎讲？

举个例子，先看下面这页PPT：

这页PPT的流程还是很清晰的，就是模块标题不够显眼，并且部分模块内部的元素比较散乱而已。

像这种层层嵌套的内容，我们也许可以考虑换种图表类型，比如架构图。

这里我们可以先用个显眼的色块把主标题装起来，再用个不显眼的色块装载该层级里的内容：

接着，用一个小箭头把不同层级之间的流程关系表达出来：

最后，仔细阅读原稿底部的那段文字，你会发现其实它是可以融入主标题中的：

现在能理解什么叫做“流程图不一定非得长得像流程图”了吧？

▎总结

现在我们来总结一下以上几个排版流程内容的方法：

• 优雅的线条，可以让流程轴看着更精致；
  
• 图片自带的“轴线”，能让PPT更有创意；
• 轻盈的色块，能让PPT配色看着更简洁；
  
• 流程关系也可以用其他图表类型来呈现。

OK，如果觉得本文对你那么一丢丢启发，记得给我【赞】一个。

咱们下期再贱~