复杂的流程图PPT,如何展示更清晰?(附实战改稿)

‍‍

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

大家好,欢迎来到Slidecent

见字如面,我是林利蒙

上周我做了一期图表页PPT的实战改稿

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

点击图片跳转链接

没看过的朋友可以先回顾下,图表作为PPT中很常见却也很烫手的页面类型,经常让很多新手朋友望而却步。而上一篇文章就可以系统地教你解决这类设计难题。

那么今天呢,我们趁热打铁再来

优化一种困难的页面类型

——复杂的流程图

相信看完后你一定会有所启发。

原稿如下:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

依旧留给大家3秒钟思考一下,如果是你会如何优化呢?

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

好,时间到。我想多数人第一反应应该是这是什么玩意,根本看不懂啊。没错,其实….

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

那么,全剧终!(开个玩笑)

Emmm,虽然俺也看不懂,但是秉持着“迎男而上”的精神还是要再挣扎下的。经过几番思索,我发现这类型的设计其实是有套路可循的。

下面,我将这万能的三步法分享给你,教你解决这类设计难题。

分别是:理清层次、合理布局、细节优化

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

01.

理清层次

同层级元素使用相同的样式

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

如果你之前接触过这类流程图,应该会发现他们都有一个共同点,不知道你是否有发现呢?

以这页原稿为例,虽然它们都是由一堆框框线线组成的,但是框框的样式却不完全一样:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

这里的样式并不是随意设置的,每种样式往往代表着一种类别。

因此流程图设计的第一步,就是要理清层次。给不同的类型设置不同样式,像是这样:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

在这里,我还将原有的背景图删除了。因为当流程图很复杂的情况下,背景要尽可能简单,只有这样,才能避免不必要的视觉干扰。

02.

合理布局

保持画面的平衡感

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

上一稿虽然区分了层次,但页面不平衡:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

划分版式后发现,右侧元素集中,导致上下方区域产生了大面积空缺,重心偏左。

面对这种问题,最简单的方式就是将右侧区域拉开,与左侧等高,像是这样:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

是不是好了些呢?然而由于左右元素本身就不均匀,无法达到绝对的平衡,该怎么办呢?

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

其实只需引入一个万能的元素——色块:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

由于色块是面型元素,因此它可以填补画面空白,人为地将不规则的边缘规整化:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

浅灰色的色块,将零散的元素整合起来了。同时让画面中间的ACEI部分更突出,呼应了标题,是不是很妙呢?

至此整个设计任务完成了8成,最后只需画龙点睛的那一笔。

03.

细节优化

添加细节,丰富画面

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

上一稿虽然规整了,但视觉效果并不好。

主要原因是里面全是矩形框,平时看的太多了,所以会造成视觉疲劳。

最简单的处理方式就是给矩形加上圆角,让它们看起来更柔和特殊一些

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

是不是好了很多?

然而此时画面里的“线”元素太多了,看起来会很琐碎。如果此时将“线框”改成“面型”,像是这样:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

是不是清爽了很多,这是由于画面中的线与面元素的达到了一个相对平衡的状态。能做到这一步已经足够应对工作中所有的流程图了。

然而作为设计师,还可以精益求精。比如融入一些与主题相关联的元素。

以原稿为例,流程图主要是医学相关的,因此我们可以借鉴这类参考:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

提取其中的配色、线条样式、小颗粒等,运用到我们的作品中。如丰富元素细节:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

优化线条分布:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

最终得到了一份干净、专业的医学流程图:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

终稿

你能发现哪些细节呢?欢迎留言告诉我。

最后我们回顾下整个改稿过程:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

总结下来就三点:

理清层次、合理布局、细节优化

你学废了吗?反正我是学废了:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

飞机稿

虽然这类型的页面不如封面型设计“好看”,但却可以实实在在地解决你工作中遇到的问题,相信能看到这里的朋友一定也和我想的一样。

关于流程图优化,我以前也做过一期,有兴趣可以看看:

复杂的流程图PPT,如何展示更清晰?(附实战改稿)

点击图片可进入文章

以上就是此次分享的全部内容,希望会对你有所启发。如果还能得到你的【在看】和【转发】支持,那将不胜荣幸,我们下次再见。

改稿源文件下载

PPT源文件下载:
1.点击右下角在看
2.在公众号后台回复:流程图
我是林利蒙
我们下期再见

------
公众号:Slidecent
原文链接:复杂的流程图PPT,如何展示更清晰?(附实战改稿)

版权声明:Slidecent 发表于 2021年7月12日 上午7:45。
转载请注明:复杂的流程图PPT,如何展示更清晰?(附实战改稿) | AboutPPT导航

相关文章

暂无评论

暂无评论...