之前有粉丝问:“流程图怎么画才清晰?”这不,今天它就来了。我在网上搜索了很长时间,竟然没找到… 那说明这篇推文是真的很有意义了。喜欢的朋友记得评论支持下我哦。它们各自的美化侧重点是不同的。那下面呢,我就用案例给大家演示一下,希望对你有所启发。像这种图文流程图并不复杂,你只需要简单对齐,就能清晰地看懂流程。这个时候,你就需要注意一些细节:给图片添加阴影、给文字添加色块、等距排列等等。当然,如果你希望页面变得更加精致,添加样机是屡试不爽的方法。将具体操作部分,局部放大。就能让流程更加清晰。就像这样:这样,不论是谁看,都能第一瞬间聚焦到操作位置,阅读效率大大提升。
那这种局部放大效果怎么做出来的呢?主要是利用合并运算功能。图文流程,最重要的优化方式就是突出核心步骤,这点你学会了吗?还有很多流程图是为了展示流程全貌,就像上图。这类流程图没有图片,但是过程却十分复杂。只要是流程图就会有主线,我们只需要把主线突出,页面就变得简单了!因为它的元素层次不够清晰:主线线条和内部流程线条都是一样的,而同一个层级的元素又有不同的表达方式。这样就导致整个页面混乱。我们只需要给相同层级的内容相似的装饰,流程框架就会立马清晰。目前整个流程内容比较繁琐,多处有分支,并且流程弯折回旋,增加了阅读难度。别看这个流程很复杂,但其实主线就是一个纯文本形式的对话步骤。只不过在主线的基础上,又补充了一个语音形式的对话流程。这个流程图显然比上一个更复杂。大流程里又套了很多小流程,看起来十分头痛。如果你希望页面更加高大上,还可以考虑将元素立体化。
好了,那今天的内容就到这里了,最后再来看下对比图。觉得还不错的朋友呢,点个赞吧!还有什么想看的内容,可以评论区直接告诉我!我会尽量照顾到每个需求的。——
公众号:愚人说P
原文链接:流程图怎么画,才更清晰?