这个PPT设计师膨胀了,居然挑战了一把流程图

水平预警

喜欢看高大上的小伙伴怕是要失望了,这次的设计我只能打60分,流程图真的太难了。

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(1)

一切的缘起,是这页PPT

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(2)

不久前有个朋友问我,这页的流程图是怎么做出来的,我都忘了当时有没有回答

前两天,有位读者也拿了几张框架图给我,想听听我的意见

读者的案例就不展示了,设计到内容的保密性

这次,我找了这几页流程图,试着为大家解答一下这类页面的制作思路

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(3)

流程图复杂而且多样,这几页涵盖的面也不是很大,但我们今天只是聊聊思路

话说,真的很难做啊

感觉白头发又多了十几根

对于流程图

我总结了一个思路、两个技巧

一个思路:画出模块

两个技巧:

流程简单做加法,流程复杂做减法

而且是先做减法,再做加法

实际做的时候怎么运用呢

来看第一个案例

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(4)

这类的只有一条内容线的流程图也可以参考时间轴的做法

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(5)

今天我们还是按流程图的思路分析一下

首先,8个步骤,我们可以先把模块画出来

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(6)

像不像做时间轴的第一步

同时做减法,把大面积的色块去掉,让页面看起来清爽一些

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(7)

然后们用简单流程做加法的原则

增加一些和主题对应的小图标,增加页面的可视化效果

用色块突出一下重点内容,增加页面的视觉对比

还可以加个背景图

最后就做成了这样

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(8)

还可以用时间轴的玩法,把直线掰弯

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(9)

两种效果,喜欢哪个就用那个

再看个案例

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(10)

还用我们刚刚分享的方法,把模块画出来

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(11)

同时,这里我也做了个减法

把线条的视觉效果减弱,把逻辑的展现效果加强

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(12)

然后,把内容统一格式放进去

再用加法调整一点点细节

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(13)

一页60分的流程图就算画完了

再看一个典型的页面

这种页面就比较复杂了

首先,有文字的说明占据了一定的页面位置

然后,流程图本身也不是只有单一的一条线,而是一个主体又分出了不同的内容

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(14)

这一页的内容我提前把线条运用减法原则优化过了

这时候,我们只需要把色块个式样做个减法,只保留一种

用不同的填充颜色去展示内容之间的对比

基本就可以用了

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(15)

再用一页复习一下知识点

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(16)

遇到流程图首先划分好模块

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(17)

利用减法原则统一内容格式和层次

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(18)

利用不同的填充效果区分一下内容的层次

觉得页面平淡还可以加个背景图

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(19)

按照这个思路做,你的流程图也可以做到60分

总结一下

遇到流程图

首先,画好模块,确定一下每一部分内容的位置

然后,先用减法原则把多种形状和多种样式的线条统一一下

让逻辑更清晰

最后,用加法原则,遇到简单的流程图加图标、背景、图片或者是设计效果,让页面的视感更饱满

最后,看一下整体优化后的效果

ppt流程图怎么做才好看(PPT里的流程图怎么优化)(20)

虽然没有设计的多好看,但最起码逻辑关系清晰了

不是嘛~

如果你想练习一下的话,我把原稿也放到这次的源文件里

私信询问领取方式吧

下期再贱!

,