请选择 进入手机版 | 继续访问电脑版
在线投稿 文字标题 文字标题 文字标题 文字标题 文字标题
切换皮肤
都说PPT流程图又丑又长,想做好没你想的那么难,这样做保证精美 ?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fe8a2209fp00q835uf00vuc000yg00jem.jpg

今天的主题想跟大家分享一下关于PPT中流程图的设计方法。
一般的流程图,大家都是使用形状之类的元素简单设计。
其实还可以将其处理相对精美一点,这个方法早前也有分享过,比如这种线型的流程图。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fe43d0482p00q835uf003wc000yg00jum.jpg
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F1bb4dd20p00q835uf0037c000yg00jum.jpg
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fa41450a0p00q835uf005lc000yg00jum.jpg
再比如这种面型的流程图。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F701b4b34p00q835uf004wc000yg00jum.jpg
再或者这种环绕型的流程图。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fdd1343edp00q835uf009lc000yg00jum.jpg
不管哪种流程图,既要确保内容的完整性也要让内容更加清晰直观、美观。
下面主要分享两种流程图的设计方法,直线型和环绕型。
1、直线型流程图
先来看一下直线型的流程图,这里主要以实际的案例分享。
不仅让你知其然,还要知其所以然。
首先看一下第一个案例,可以看出主要采用箭头形式,但是效果太过复杂。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fd553781dp00q835uf00adc000s200lcm.jpg
其实完全没有必要,可以将其换成这种线型的设计方法。
既能满足设计感,还能让内容变得更加直观清晰,看一下。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fef410375p00q835ug00c4c000yg00jum.jpg
除此之外还有这种类型的流程图,为了让内容变得更加规整使用形状。
这种方法完全没错,只是在排版上有点单一。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F1c799fcbp00q835uf006jc000s200lcm.jpg
同理也可以使用这种线框和箭头的效果设计,并将排版布局好。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F6da1bea7p00q835uf005rc000yg00jum.jpg
除此之外,还可以借用这种比较有新意的线条设计,整体的视觉效果比较突出。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F5a9e169fp00q835uf004yc000yg00jum.jpg
还有一种流程图,其文字内容比较少,但是却十分的长。
比如下面这种工业类型的流程图。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fae77f339p00q835uf006dc000s200lcm.jpg
如果还是按照原来的横型排版,页面内容显得比较拥挤。
这时可以调整版式,使用这种竖向的效果,内容即可变得很清晰。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F52a38420p00q835uf003ac000yg00jum.jpg
还有这种类型也是的,流程比较多。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F48f8e415p00q835ug008uc000s200lcm.jpg
为了让其变得更加规整统一,使用这种线条穿插的样式设计,视觉效果会好一些。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fb4ba48e8p00q835uf0056c000yg00jum.jpg
那么对于极为复杂的流程图又该怎么处理呢?
比如这种流程图,看到头皮都是麻的,有没有这种感觉。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F52568703p00q835uf00ehc000s200lcm.jpg
其实这种页面主要是由于元素没有用好,以及排版问题。
很简单,使用这种灰色和有色的形状即可让其统一起来。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F82dc1d60p00q835uf007ec000yg00jum.jpg
最后再看一个例子,这种其实也是非常复杂的页面。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fb799a77ap00q835ug00cic000s200lcm.jpg
可以根据内容简单的调整一下,让其变得更加统一即可。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F9ee355b1p00q835uf005tc000yg00jum.jpg
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F907fb801p00q835uf0067c000yg00jum.jpg
比如这种企业发展历程类的流程图,大家先看一眼。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F9fce270dp00q835uf00hkc000s200lcm.jpg
除此之外,就算将背景去除,这种效果依然很精彩。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F0d01b418p00q835uf00f2c000yg00jum.jpg
再比如,这种箭头样式的线条,能起到时间性的引导作用。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F8a84585ep00q835uf00egc000yg00jum.jpg
此时如果没有这些灵感,也很简单,可以在【KOPPT】插件中找一些不错的时间轴,看一下。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F97444597p00q835uf0062c000yg00i4m.jpg
插件素材来源于KOPPT网站
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fe9e955ecp00q835uf0066c000yg00i4m.jpg
插件素材来源于KOPPT网站
这个比较符合内容,刚好有7组内容,看一下插入的方法。
ca7f84e5g00q835ug00pac001d000okm.gif
插入之后,你只需要将内容修改即可,颜色都会自动变换,非常方便。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fb39086aep00q835ug006rc000yg00jum.jpg
2、环绕型流程图
接下来再来看一下关于环绕型流程图的设计方法。
同理,这里也以实际的案例给大家分享一下。
对于环绕型的流程图或许大家已经不陌生了,比如下面这种流程图。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F638f30f0p00q835uf00alc000s200lcm.jpg
如果按照上面的设计方法,显然太过于单调。
为了让其变得更加美观起来,我们使用这种渐变的圆形和背景处理。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fd0a60909p00q835uf00gkc000yg00jum.jpg
还有这种,十分“霸气”的环绕型流程图,内容看起来很清晰,但是视觉效果不是太好。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fe42706b3p00q835uf009uc000s200lcm.jpg
很简单,使用这种层叠的设计方法,然后再借助箭头处理。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F9f2e52cep00q835uf003uc000yg00jum.jpg
最后再给大家举个例子,这种对比反差比较大的效果,如果处理好,也会非常精美。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fb0120b95p00q835ug00dtc000s200lcm.jpg
比如,依然采用色彩对比比较大的效果,然后再用这种立体元素进行装饰设计。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2F036a4496p00q835uf00dfc000yg00jum.jpg
好了,关于内容比较长的流程图,或许大家已经有了设计灵感。
最后再看一下设计之后的效果。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0401%2Fe1c27f51p00q835uf00c5c000yg00jem.jpg
以上图片案例素材均来源于网络分享,侵删


回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则


    Archiver|手机版|小黑屋|齐聚无忧 |网站地图

    Powered by Discuz! X3.4  © 2001-2013 Comsenz Inc.