复杂的流程图PPT,如何展示更清晰?(附实战改稿) | 您所在的位置:网站首页 › ppt的流程图 › 复杂的流程图PPT,如何展示更清晰?(附实战改稿) |
上周我做了一期图表页PPT的实战改稿: 点击图片跳转链接
没看过的朋友可以先回顾下,图表作为PPT中很常见却也很烫手的页面类型,经常让很多新手朋友望而却步。而上一篇文章就可以系统地教你解决这类设计难题。
那么今天呢,我们趁热打铁再来 优化一种困难的页面类型 ——复杂的流程图
相信看完后你一定会有所启发。
原稿如下:
依旧留给大家3秒钟思考一下,如果是你会如何优化呢? 好,时间到。我想多数人第一反应应该是这是什么玩意,根本看不懂啊。没错,其实…. 那么,全剧终!(开个玩笑)
Emmm,虽然俺也看不懂,但是秉持着“迎男而上”的精神还是要再挣扎下的。经过几番思索,我发现这类型的设计其实是有套路可循的。 下面,我将这万能的三步法分享给你,教你解决这类设计难题。
分别是:理清层次、合理布局、细节优化 01. 理清层次 同层级元素使用相同的样式 如果你之前接触过这类流程图,应该会发现他们都有一个共同点,不知道你是否有发现呢?
以这页原稿为例,虽然它们都是由一堆框框线线组成的,但是框框的样式却不完全一样: 这里的样式并不是随意设置的,每种样式往往代表着一种类别。
因此流程图设计的第一步,就是要理清层次。给不同的类型设置不同样式,像是这样: 在这里,我还将原有的背景图删除了。因为当流程图很复杂的情况下,背景要尽可能简单,只有这样,才能避免不必要的视觉干扰。
02. 合理布局 保持画面的平衡感 上一稿虽然区分了层次,但页面不平衡: 划分版式后发现,右侧元素集中,导致上下方区域产生了大面积空缺,重心偏左。
面对这种问题,最简单的方式就是将右侧区域拉开,与左侧等高,像是这样: 是不是好了些呢?然而由于左右元素本身就不均匀,无法达到绝对的平衡,该怎么办呢? 其实只需引入一个万能的元素——色块: 由于色块是面型元素,因此它可以填补画面空白,人为地将不规则的边缘规整化: 浅灰色的色块,将零散的元素整合起来了。同时让画面中间的ACEI部分更突出,呼应了标题,是不是很妙呢?
至此整个设计任务完成了8成,最后只需画龙点睛的那一笔。
03. 细节优化 添加细节,丰富画面 上一稿虽然规整了,但视觉效果并不好。
主要原因是里面全是矩形框,平时看的太多了,所以会造成视觉疲劳。
最简单的处理方式就是给矩形加上圆角,让它们看起来更柔和特殊一些: 是不是好了很多?
然而此时画面里的“线”元素太多了,看起来会很琐碎。如果此时将“线框”改成“面型”,像是这样: 是不是清爽了很多,这是由于画面中的线与面元素的达到了一个相对平衡的状态。能做到这一步已经足够应对工作中所有的流程图了。
然而作为设计师,还可以精益求精。比如融入一些与主题相关联的元素。
以原稿为例,流程图主要是医学相关的,因此我们可以借鉴这类参考: 提取其中的配色、线条样式、小颗粒等,运用到我们的作品中。如丰富元素细节: 优化线条分布: 最终得到了一份干净、专业的医学流程图: 终稿 你能发现哪些细节呢?欢迎留言告诉我。
最后我们回顾下整个改稿过程: 总结下来就三点: 理清层次、合理布局、细节优化
你学废了吗?反正我是学废了:
飞机稿
虽然这类型的页面不如封面型设计“好看”,但却可以实实在在地解决你工作中遇到的问题,相信能看到这里的朋友一定也和我想的一样。 关于流程图优化,我以前也做过一期,有兴趣可以看看:
点击图片可进入文章
以上就是此次分享的全部内容,希望会对你有所启发。如果还能得到你的【在看】和【转发】支持,那将不胜荣幸,我们下次再见。 |
CopyRight 2018-2019 实验室设备网 版权所有 |