用流程图展现复杂的商业模式,怎么设计才更精美?丨BP整形记

关键字:范文丨案例丨拆解

全文共1800字,建议阅读时间5分钟

今天是BP整形记的第三期,我们将通过一个真实案例,来详细讲讲视觉设计怎么为内容服务,选取的是BP中常见的“流程图”。

流程图是为了完成某一任务而描述的相关活动以及这些活动的执行顺序,视线的流畅性尤为重要。在商业计划书中常应用于商业模式和产品流程等页面。

今天的案例是一个二手车第三方检测机构,在论证市场规模时,我们希望梳理出一个“二手车检测”的场景流程,来验证该商业模式的应用范围之广。制作分两步走:梳理逻辑流程+优化设计。  

1、梳理出逻辑流程  

绘制准确的流程图前提就是能准确梳理出“活动”的完整流程。如果你暂时未摸索出高效的方法,不妨试试我们的“套路”:

1、界定活动逻辑。在二手车检测中的逻辑就是卖方想卖车,于是找到了二手车检测平台进行检测,二手车检测平台将检测结果出具给买方。

2、起点和终点概念。一个流程图有一个“起点”,作用是表明一个流程从这里开始,也有一个“终点”,表明流程的结束。起点必须有,而终点可以省略不画或有多个。本案例中,起终点自然就是二手车交易中的卖家和买家了。

3、判断和并行概念。经过前两步,我们能够画出主流程了,但我们会发现这个流程会有很多细节需要补充,这就是我们接下来要做的判断和并行的概念。本案例中只有并行没有判断,第一个并行是不同类型的检测平台,第二个并行是检测的发生场景。

4、汇合和合并概念。复杂一点的流程图还设计到汇合和合并的概念,汇合指的是几个活动都完成才能进行下一步,合并就是完成任一动作就算完成整个活动,比如订单场景中,通过电子支付和现金支付任意一个都算完成交易,那就可以用合并来解决。汇合和合并经常成对使用。本案例中未涉及。

通过以上4步骤,我们画出了产业流程图,如下:

2、优化视觉设计  

没有装饰的流程图显得苍白,过渡装饰的流程图又显得力不从心,那怎么在保证实用的的前提下兼具一定的视觉观感呢?

通过观察原有的流程图我们可以看出:

1、竖向的排列略显拥挤

2、二手车检验场景可以从整个链条中独立出来

3、可以用图形图像替换部分线框形状,让画面更生动

基于以上的思考,我们将流程图页面最终设计如下:

不能说优化后的排版有多完美,但是相比原有的图形线框,在信息的传递上已经有大幅提升了。

3、更多设计灵感  

我们收集了一些优秀的流程图设计,与你分享。案例均来自网络,如有侵权请联系删除。

常见的流程图可分为线型流程图、环状流程图和面型流程图三种。

 线型流程图


环形流程图  


面型流程图

不管哪种流程图,既要确保内容的完整性也要让内容更加清晰直观、美观。前提是:优先让人容易看懂,再去考虑如何美化。如果还不具备让它变美的能力,不妨让它变得实用。

一起来看看以下三个案例的前后对比及修改逻辑:

案例1:线型流程图  

直线型的流程图,可以看出主要采用箭头形式,但是效果太过复杂。

可以将其换成如下线型的设计方法,既能满足设计感,还能让内容变得更加直观清晰:

案例2:复制的流程图  

对于极为复杂的流程图又该怎么处理呢?比如这种流程图,看到头皮都是麻的。

主要问题在于元素没有用好和排版,用灰色和有色形状让其统一起来就可以有不错的效果了:

案例3:环状流程图

对于环绕型的流程图或许大家已经不陌生了,比如下面这种流程图:

如果按照上面的设计方法,显然太过于单调。为了让其变得更加美观起来,我们使用这种渐变的圆形和背景处理:

关于本次的主题内容,就分享这么多,希望对你有帮助。