流程图=流程+图。

流程图（Flow Chart），顾名思义，就是用来直观地描述一个工作过程的具体步骤图，它使用图形表示流程思路，是一种极好的方法。它在一些技术设计、工作步骤及商业简报等领域应用较为广泛，也可以称之为输入-输出图。它通常用一些图框来表示各种类型的操作，在框内写出各个步骤，然后用带箭头的线把它们连接起来，以表示执行的先后顺序，用图形表示执行步骤，十分直观形象，易于理解。

一、流程图规范

常用流程图例如下：

流程图主要由三部分组成：

   主干流程、分支流程（异常流程属于分支流程）、子流程

主干流程即对于大多数用户来说，最常用的路径。

主干流程和分支流程都好理解，那到底什么是子流程呢？在画流程图的过程中，有一些流程是会经常遇到的，比如登录流程、注册流程、修改密码流程。如果每次画与之有关的流程图的时候，都将其再画一遍，那实在繁琐。所以，子流程就是将某几个具有逻辑关系的节点集合而成的，可以复用在各个地方。

我们在画流程图时应该遵循先主干后分支的顺序来描绘流程图，

流程图中大致包含三种结构：

   顺序结构、条件结构（又称选择结构）、循环结构。基本上大多数流程图都是由这三种结构组成的。

常用的流程图绘制规则：

1、流程图分中心主轴及旁支说明，各细部流程若需补充说明，请精简条列以虚线旁支说明，每点以不超过二行为原则。

2、各项步骤有选择或决策结果，如「是、否」 、「通过、不通过」或其他相对文字时，请回馈校正流程是否有遗漏，以避免悬而未决状况。

3、注意各流程图动线的合理性、并考量是否需建分表或合成简要总表，分表与总表应以符号、颜色等区隔，使人一目了然。

4、流程图符号绘制排列顺序，为由上而下，由左而右。

5、处理程序请以阿拉伯数字，由1开始，依处理程序排列顺序编号，并以文字依处理程序功能命名。简明扼要敘述为原则。

6、流程图一页放不下时，可使用连接符号连接下一页流程图。同一页流程图中，若流程较复杂，亦可使用连接符号来阐明流程连接性。连接符号内请以数字标示，以视区別。

7、相同流程图符号宜大小一致。

8、路径符号宜避免互相交叉。

9、同一路径符号之指示箭头应只有一个。

10、开始符号在流程图中只能出现一次，但结束符号则不限。

11、选择结构及重复结构之选择或决策条件，文字敘述应简 明清晰，路径并加注「是」及「否」或其它相对性文字指示说明。

12、流程图中若有参考到其他已定义流程，可使用已定义处理程序符号，不必重复绘制。

二、流程图工具选择

流程图绘制的工具有很多，在线工具>跨平台软件>单平台软件

在线的流程图有ProcessOn（https://www.processon.com/） 、drawio等

跨平台软件 「axure」 可以支持在不同操作系统（windows、macOS）的流程图、原型图绘制。

「visio」 是windows下使用较多的流程图软件

「omnigraffie」则是macOs用户常见的选择

三、流程图版本保持更新

流程图对应线上版本， 什么时间发布的什么版本，都要清楚地标出来，不要使用「最新」这个词。

线上功能版本迭代，流程图需要保持同步更新，并且区分好版本迭代信息，哪些是上一版的，哪些是这一版的，便于功能追溯，问题排查。

四、流程图上文字说明

流程图中主要是梳理业务逻辑，或者是技术关键点，应当言简意赅，开宗明义。避免冗长的述说，逻辑说明尽可能明了，不绕弯，适当的文字能够辅助功能阐述。

前端的流程图，需要有接口名的描述，业务逻辑复杂的可以添加关键请求参数或返回参数辅助说明业务逻辑。

逻辑判断的true、false要明确，有始有终，避免出现断路逻辑、或重复判断

默认值、默认参数需要明确说明赋值 例如： 0/1 undefined true/false

一份优秀的流程图都有哪些特点:

1）只展示一个核心功能，逻辑清晰

2）关键节点全覆盖。

3）关键环节逻辑判断并准确

4）格式优美。