嗨,各位木友们好呀,我是小木。
先给大伙儿看几张典型的PPT流程图:
这些流程图丑是丑了点,但信息传递得还算够准确,在日常工作中完全够用了。
不过,如果你不想成天被这些残花败柳、枯枝烂叶般的PPT拉低审美,那你可以看看我是怎么设计的:
- 利用优雅的线条;
- 借助帅气的图片;
- 使用轻盈的色块;
- 巧用其他图表类型。
▎利用优雅的线条
这页PPT的主要问题在于背景干扰到了内容的识别,所以这里我们先“弱化”背景的存在感,把图片变透明:
原稿用时间轴来呈现活动安排的流程,这点没啥问题,唯一有问题的可能就是这根“轴”设计得不太好看。
首先,我个人习惯用更有质感的“渐变线”来代替实线:
▲小巧的时间节点看着更精致
其次,为了不让正文都挤在一边,我还习惯把文案均匀地放到轴的两侧:
你还可以用PPT自带的【曲线】形状绘制曲线,用于代替直线:
换成曲线的时间轴看着是不是优雅很多?
原稿顶部还有一块文案,这里我们可以把这块文案里的关键词提炼出来,用圆角矩形装载:
把经过图形化处理的文案放回原稿中:
此时你可以看到页面上的元素数量较多,所以看着有些散乱。
不慌,用一个设置了【渐变填充】的矩形将上下两组内容隔开:
你瞧,内容组别之间的界限一清晰,PPT看着就工整了~
▎借助帅气的图片
除了自制流程或时间轴线,我们还可以借助一些帅气图片中的“轴线”来呈现内容。
比如,这是一页讲述某科技公司发展历程的PPT:
这里我们可以先找一张自带科技感的地球图片:
将地球轮廓当成轴线,沿着轮廓把内容有序排版到其周围:
帅炸了对吧?
同理,除了地球以外,我们还可以用各种其他自带“轴线”的图片,比如山脉、海岸、建筑等:
利用这些图片中的轴线,我们可以做出各种震撼或创意效果:
▲山脉
▲海岸线
▲建筑物
▎使用轻盈的模块
除了线条以外,我们一般还会用“模块”来排版流程内容。
当然,从设计方面来讲,以下这样的案例是错误示范:
因为模块本身占据了页面较大的面积,所以你不应该为其使用明显的颜色,这会导致配色显得很臃肿。
相反,为它们使用跟背景色接近的颜色,配色就会显得轻盈许多:
▲注意,文案我做了分点处理
只要你能遵循这个配色原则,哪怕你把背景换成深色,配色也照样好看:
为了让文案看着更帅气,我们还可以加几个图标进去做点缀:
相比起线条,用模块来承载流程内容,方向感可能不够明显。
所以我们一般还可以加入线条来增强方向感:
最后,在页面四周增加一些轻微的光晕点缀,完美~
这些所谓的“光晕”,其实都只是一些设置了【路径渐变】的形状而已:
▎使用其他图表类型
流程图,有时候不一定非得长得像流程图。
此话怎讲?
举个例子,先看下面这页PPT:
这页PPT的流程还是很清晰的,就是模块标题不够显眼,并且部分模块内部的元素比较散乱而已。
像这种层层嵌套的内容,我们也许可以考虑换种图表类型,比如架构图。
这里我们可以先用个显眼的色块把主标题装起来,再用个不显眼的色块装载该层级里的内容:
接着,用一个小箭头把不同层级之间的流程关系表达出来:
最后,仔细阅读原稿底部的那段文字,你会发现其实它是可以融入主标题中的:
现在能理解什么叫做“流程图不一定非得长得像流程图”了吧?
▎总结
现在我们来总结一下以上几个排版流程内容的方法:
- 优雅的线条,可以让流程轴看着更精致;
- 图片自带的“轴线”,能让PPT更有创意;
- 轻盈的色块,能让PPT配色看着更简洁;
- 流程关系也可以用其他图表类型来呈现。
OK,本期文章就到这里,咱们下期再见~
,