流程图分类大全与画法介绍

深入浅出解析四种流程图，附膜拜/ofo案例解析梗概对于任何产品设计来说，构建流程都是一个绕不开的环节.其奠定了后续的产品框架，是用户体验的基石。

本文将从定义和分类出发，结合实际案例,深入浅出地阐述流程图的作用以及画法。

定义流程——顾名思义:水流的路程；事物进行中的次序或顺序的布置和安排。

流程是自然而然就存在的,它可以不规范,可以不固定，可以充满问题.由两个及以上的步骤，完成一个完整的行为的过程，可称之为流程；注意是两个及以上的步骤。

流程图的核心就在于如何排布事物进行的次序，不同的顺序可能造成截然不同的结果。

目的产品经理画流程图的目的不外乎几点：1. 流程图为产品设计基石，可以保证产品的使用逻辑合理顺畅2. 传达需求，用流程图来更好地表达产品逻辑3. 查漏补缺，检验是否有遗漏的分支流程分类流程图以描述对象分类，包括:业务流程图、页面流程图、功能流程图、数据流程图等。

业务流程图(Transaction Flow Diagram，TFD）先以宋丹丹小品中的一个脑筋急转弯为例:把大象装冰箱，总共分几步？三步:•第一步,把冰箱门打开；•第二步，把大象装进去;•第三步，把冰箱门关上。

这看似是一个笑话，但其实蕴含着很强的逻辑思维.首先这里忽略了很多现实中的限制条件。

比如,以大多数冰箱的容积都不可能将大象塞进去;比如是否能把大象切成块放进去？如果把大象塞进去，它会不会又跑出来？但抛开这些限制条件，那把大象塞冰箱的极简流程就是三步。

打开冰箱门，把大象装进去，最后把门关上.我们做业务流程图，其实很多时候都需要具有把“大象塞进冰箱"的思维方式，抛开很多现有的认知局限，将具象的行为一个个抽象出来。

结合上面的例子，再来细细品味“业务流程图”的定义：抽象地描述事物进行的次序和顺序，不涉及具体操作与执行细节。

在互联网软件行业通常指脱离产品设计的用户行为流程。

业务流程图是一种系统分析人员都懂的共同语言, 用来描述系统组织结构、业务流程。

绘制流程图基础知识点总结流程图的基础知识点包括流程图的定义、类型、符号、绘制方法和应用技巧等内容。

本文将对这些基础知识点进行详细的总结和解释，希望能够帮助读者更好地理解和掌握绘制流程图的基础知识。

一、流程图的定义流程图是用图形符号和连接线描述一个过程或系统的工作流程和结构关系的图形化表示方法。

它通常由各种图形符号（如矩形、椭圆、菱形、箭头等）和连接线组成，用来表示流程中的各种元素（如任务、决策、输入输出等）之间的逻辑关系和操作顺序。

通过流程图，人们可以清晰地了解一个过程或系统的工作流程和逻辑结构，便于进行分析、优化和管理。

流程图的目的是通过可视化的方式，帮助人们更直观地理解和分析一个工作流程或系统结构，从而更好地进行决策、规划、协作和管理。

它是一种重要的信息图表和分析工具，被广泛应用于各种领域，如工业生产、管理流程、软件开发、项目规划等。

二、流程图的类型根据不同的用途和表示对象，流程图可以分为多种类型，主要包括：1. 程序流程图（Program Flowchart）：用于描述计算机程序的运行流程和逻辑结构，通常由基本的图形符号（如开始/结束符号、操作符号、判断符号）和连接线组成，可以清晰地展现程序的运行逻辑和数据流程。

2. 业务流程图（Business Process Chart）：用于描述和优化组织机构的业务流程和工作流程，通常由各种任务符号、决策符号、输入输出符号和连接线组成，可以清晰地展现业务流程中各个环节的操作步骤和逻辑关系。

3. 系统流程图（System Flowchart）：用于描述系统的结构和运行流程，通常由系统组成部分、功能模块、数据流程和控制流程等元素组成，可以清晰地展现系统的结构和运行逻辑。

4. 网络流程图（Network Flowchart）：用于描述网络的连接和通信流程，通常由各种网络元素（如主机、路由器、交换机、传输线路）和连接线组成，可以清晰地展现网络的拓扑结构和数据通信流程。

流程图分类
流程图是一种用于展示系统或过程中各个步骤和操作的图形化表示方式。

根据不同的目的和应用背景，流程图可以分为多种不同的分类。

1. 系统流程图：系统流程图主要用于描述一个系统中各个模块之间的关系和流程。

该类流程图可以用于软件开发过程中的系统设计，将系统各个模块的功能和相互作用进行可视化展示，有助于开发人员理解和协调各个模块之间的关系。

2. 业务流程图：业务流程图主要用于描述一个组织或企业的业务流程。

该类流程图可以用于流程优化、业务改进和效率提升等方面，通过可视化展示整个业务流程中的步骤和操作，可以帮助企业发现问题、优化流程，并提高工作效率和质量。

3. 数据流程图：数据流程图主要用于描述数据在系统或过程中的流动和转换。

该类流程图可以用于数据管理、数据分析和数据处理等方面，通过可视化展示数据流动的路径和过程，可以帮助人们理解数据的生命周期和数据在系统中的变化。

4. 算法流程图：算法流程图主要用于描述计算机程序中的算法过程和执行步骤。

该类流程图可以用于算法设计、程序编写和代码调试等方面，通过可视化展示算法的逻辑和执行路径，可以帮助程序员理清思路、发现问题，并提升程序的效率和可读性。

5. 管理流程图：管理流程图主要用于描述组织或企业中的管理
流程和决策过程。

该类流程图可以用于管理流程优化、决策分析和组织管理等方面，通过可视化展示管理流程和各个决策节点，可以帮助管理者理清思路、制定决策，并提高管理效率和决策质量。

总之，流程图是一种非常有用的工具，可以帮助人们理解和展示各种系统和过程中的步骤和操作。

不同的流程图分类适用于不同的应用场景，可以帮助解决不同领域的问题，提升工作效率和质量。

功能模块图、业务流程图、处理流程图、ER图，数据库表图
（概念模型和物理模型）画法
如果你能使⽤计算机规范画出以下⼏种图，那么恭喜你，你在我这⾥被封为学霸了，我膜拜ing～～
我作为前端开发与产品经理打交道已有5-6年时间，产品经理画的业务流程图我看过很多。

于是百度搜＋凭以往经验脑补我画了⼀版业务流程图如下，交由⽼师审阅得出，不符合计算机规范
图1-1 我的不符合计算机规范的业务流程图
于是搜资料，查书，问同学，同事终于写了⼀版能通过⽼师审阅的（⽼师是有某理⼯⼤学计算机系教授）
整理出来如下（由于明天要早起上班，概念性的东西我抽时间补全，今天晚上先贴图救急）
1.系统业务流程图
2.系统功能模块图
3.实体属性图与ER图
4. 系统数据流图
实体属性图及实体er图参考：宋晔，张弘. PowerBuilder实⽤教程(第2版)[M]. 北京：北京理⼯⼤学出版社，2008. 11-17.。

工艺流程图(方案流程图和施工流程图)、设备布置图和管路布置图化工工艺图(工艺安装和指导生产的重要技术文件) 工艺流程图(方案流程图和施工流程图)、设备布置图和管路布置图一、方案流程图1方案流程图(流程示意图或流程简图)初步设计阶段示意性的展开图，并加有必要的标注与说明设备的画法:用细实线画出设备的大致轮廓或示意图，一般不按比例，但应保持它们的相对大小。

各设备之间的高低位置及设备上重要接管口的位置，应大致符合情况。

?在方案流程图中，同样的设备可只画一套;备用设备可以省略不画。

2工艺流程图的画法用粗实线画出主要物料的工艺流程线，用箭头标明物料流向，并在流程线的起始和终了位置注明物料的名称、来源或去向。

如遇流程线之间、或流程线与设备之间发生交错或重叠，而实际并不相连时，应将其中一条断开或曲折绕过，以使各设备间流程线的表达清晰明了、排列整齐。

?在方案流程图中，一般只画出主要工艺流程线，其它辅助流程线不必一一画出。

3位号与名称注写在流程图的上方或下方和靠近设备图形的显著位置列出设备的位号及名称。

或可将设备依次编号，并在图纸空白处按编号顺序集中列出设备名称。

但对于流程简单、设备较少的方案流程图也可以不编号，而将名称直接注写在设备的图形上。

(为了给工艺方案的讨论和施工流程图的设计提供更为详细具体的资料，还常将工艺工艺流程图中关于流量、温度、压力、液面以及成分分析等测量控制点画在方案流程图上，这种图与施工流程图比较接近。

方案流程图的图幅一般不做规定。

图框和标题栏亦可省略。

)二、施工流程图1、(工艺管道及仪表流程图或带控制点管道安装流程图)。

这种流程图应画出所有的生产设备和全部管道。

它是设备布置图和管道布置图的设计依据，并为施工安装、生产操作提供参考。

施工流程图的表达一般应包括以下几项内容:带设备位号、名称和接管口的各种设备示意图。

带管道号、规格和阀门等管件以及仪表控制点(测温、测压、测流量、分析点等)的各种管道流程线。

化工工艺图（工艺安装和指导生产的重要技术文件）工艺流程图（方案流程图和施工流程图）、设备布置图和管路布置图一、方案流程图1方案流程图（流程示意图或流程简图）初步设计阶段示意性的展开图，并加有必要的标注与说明①设备的画法：用细实线画出设备的大致轮廓或示意图，一般不按比例，但应保持它们的相对大小。

②各设备之间的高低位置及设备上重要接管口的位置，应大致符合情况。

③在方案流程图中，同样的设备可只画一套；备用设备可以省略不画。

2工艺流程图的画法①用粗实线画出主要物料的工艺流程线，用箭头标明物料流向，并在流程线的起始和终了位置注明物料的名称、来源或去向。

②如遇流程线之间、或流程线与设备之间发生交错或重叠，而实际并不相连时，应将其中一条断开或曲折绕过，以使各设备间流程线的表达清晰明了、排列整齐。

③在方案流程图中，一般只画出主要工艺流程线，其它辅助流程线不必一一画出。

3位号与名称注写在流程图的上方或下方和靠近设备图形的显著位置列出设备的位号及名称。

或可将设备依次编号，并在图纸空白处按编号顺序集中列出设备名称。

但对于流程简单、设备较少的方案流程图也可以不编号，而将名称直接注写在设备的图形上。

（为了给工艺方案的讨论和施工流程图的设计提供更为详细具体的资料，还常将工艺工艺流程图中关于流量、温度、压力、液面以及成分分析等测量控制点画在方案流程图上，这种图与施工流程图比较接近。

方案流程图的图幅一般不做规定。

图框和标题栏亦可省略。

）二、施工流程图1、（工艺管道及仪表流程图或带控制点管道安装流程图）。

这种流程图应画出所有的生产设备和全部管道。

它是设备布置图和管道布置图的设计依据，并为施工安装、生产操作提供参考。

施工流程图的表达一般应包括以下几项内容：①带设备位号、名称和接管口的各种设备示意图。

②带管道号、规格和阀门等管件以及仪表控制点（测温、测压、测流量、分析点等）的各种管道流程线。

③对阀门等管件和仪表控制点图例符号的说明。

流程图编制说明：
（1）流程图纵向表示该流程的执行步骤。

自上而下表示流程发展的时间或逻辑顺序。

（2）流程图横向代表单位或职能部门。

单位顺序从左至右按级别排序能带中的部门顺序：
✧外部监管机构：例如：国家部委等
✧有权机构，例如：公司董事会、股东大会、总经理办公会、董事长
等
✧股份公司（或集团公司），如果下属公司流程图中涉及到上级公司，
可以将职能带名称定为股份公司（或集团公司），股份公司（或集
团公司）的具体业务部门在“工作任务（见图例）”中体现业务部
门名称。

✧主管领导，例如：总经理、主管副总等
✧本流程主管业务部门
✧其他参与部门
✧外部机构，例如：银行、会计师事务所等。

（3）连接线：
连接线格式为黑色实线与黑色实等边三角箭头。

（4）图例：流程图应在职能带中处居中位置，同行同列的图形需对齐。

流程图实例：
单位：
编制人：
业务主管部门：会计信息部业务参与部门：流程名称：库存现金管理流程编号：..
：
.
库存现金管理-1
会计信息部
01.根据现金库存量，填写现金
支票领用单
支票领用单
否
2 2.1M
K2
02.部门经理审核
是 2.1M K2
03.财务总监审核
2.1M K2
是
04.填写现金支票，加盖财务专
用章
现金支票
05.审核，加盖人名章
现金支票
2.1M
06.登记支票备查簿
07.提取现金
K2
金现取提08.登记现金日记账
现金日记账
接库存现
金-2。

流程图类型流程图是一种图形化的工具，用于呈现和说明一个过程或操作的各个步骤。

它以图形的方式展现了一个过程的顺序和关系，使人们能够更好地理解和分析一个复杂的过程。

根据不同的应用和目的，流程图可以分为几种主要类型，下面将介绍其中的四种。

1. 顺序流程图：顺序流程图是最常见和最基本的流程图类型。

它用直线表示过程的顺序和流向，箭头表示数据或流程的传输方向。

顺序流程图通常由开始和结束节点、决策节点、执行节点和输出节点组成，以展示一个过程或任务的各个步骤。

2. 数据流程图：数据流程图是一种描述数据如何从一个地方流向另一个地方的流程图。

它着重于数据的来源、去向和处理方式，而不是过程的具体步骤。

数据流程图包括四种基本元素：外部实体、数据存储、数据流和处理过程。

通过这些元素的组合和连接，数据流程图清晰地展示了一个系统或业务过程中数据的流动路径。

3. 判定表：判定表是一种用于描述判定条件和结果之间关系的流程图。

它通常用于复杂决策或逻辑的表示和分析。

判定表由规则、条件和结果组成。

规则列出了所有可能的情况，条件列出了每个情况下的条件，结果列出了每个情况下的结果。

判定表的优势在于它能够清晰地展示所有可能的情况和决策路径，使得复杂的决策变得更容易理解和分析。

4. 活动图：活动图是一种描述业务流程的流程图。

它用于展示任务之间的依赖关系和交互方式。

活动图通常由开始节点、结束节点、动作节点和决策节点组成。

开始节点和结束节点分别表示流程的起点和终点，动作节点表示执行某个任务或操作，决策节点表示根据条件进行决策。

活动图能够清晰地展示任务之间的交互和流程的顺序，帮助人们更好地理解和分析一个业务流程。

综上所述，流程图是一种非常有用的工具，通过不同的类型可以有效地帮助人们理解和分析复杂的过程、决策和业务流程。

不同类型的流程图根据应用和目的的不同，以图形化的方式展示了各种过程的顺序、关系、数据流动和决策路径，使人们能够更好地理解、规划和优化一个过程。

流程图的绘制说明流程图的绘制说明1.流程图的纵、横坐标矩阵式流程图分成纵、横两个方向，纵向表示工作的先后顺序，横向表示承担该项工作的部门和岗位，从图的左上角开始，职位级别从高到低排列。

通过纵、横两个方向的坐标，就可以将某项业务工作进行明确定位，使业务流程一目了然。

2.流程图的层次级别一般来说，装饰公司的流程图可分为一、二、三级。

（1）一级流程图即公司的流程图，如公司经营决策流程图、主导业务流程图等。

（2）二级流程图即部门级的流程图，如人力资源管理流程图、财务管理流程图等。

（3）三级流程图即部门内具体工作的流程图，如工程项目成本管理流程图、工程质量管理流程图等。

流程图应该是环环相套的，上一个级别的流程图中的一个节点，到下一个级别可能就会演化成一张流程图。

3.绘制流程图的注意事项绘制流程图时，公司一般要注意以下七个方面。

（1）流程图要做好编号，上、下方各栏也要清晰填写，以便于信息化管理及公司内相关部门的存档管理。

（2）要在图中描述出流程的起点和重点，整个流程是一个从“开始”到“结束”的闭环过程。

（3）要一一绘出流程的关键点，避免遗漏。

绘制时，可考虑以下六个问题：谁（Who）、什么（What）、为什么（Why）、何处（Where）、何时（When）、如何（How），这有助于大家全面思考问题，不致遗漏流程项目。

（4）要注意流程节点的连接方式，弄清楚是并行连接还是串行连接，每一节点的工作事项一定要与相应的职位对应。

（5）要注意流程线的指向。

（6）要将流程节点中的一些关键输入输出变量在流程图上标示出来。

（7）流程图要尽量简单明了，不太重要的内容和解释说明性的文字可在流程说明中表述，而不必表现在流程途中。

流程图的画法和注意事项1. 流程图的符号下图介绍了画流程图的⼀些特定符号，了解每个符号的含义，在画流程图的时候可得⼼应⼿。

嫌多记不住，先记经常⽤的，下⾯的就是！2. 流程图的结构流程图⼀般由顺序结构、选择结构和循环结构，可以涵盖流程执⾏的全过程。

（1） 顺序结构在顺序结构中，各个步骤是按先后顺序执⾏的，这是⼀种最简单的基本结构。

如图，A、B、C是三个连续的步骤，它们是按顺序执⾏的，即完成上⼀个框中指定的操作才能再执⾏下⼀个动作。

如下图（2） 选择结构选择结构⼜称分⽀结构，选择结构⽤于判断给定的条件，根据判断的结果判断某些条件，根据判断的结果来控制程序的流程。

在实际运⽤中，某⼀判定结果可以为空操作（如图⼆、图三）。

（3） 循环结构⼜称为重复结构，可分为当型结构和直到型结构，流程在⼀定的条件下，反复执⾏某⼀操作的流程结构。

循环结构可以看成是⼀个条件判断条件和⼀个向回转向条件的组合，循环结构的包括三个要素：循环变量、循环体和循环终⽌条件。

在流程图的表⽰中，判断框内写上条件，两个出⼝分别对应着条件成⽴和条件不成⽴时所执⾏的不同指令，其中⼀个要指向循环体，然后再从循环体回到判断框的⼊⼝处。

当型结构：先判断所给条件p是否成⽴，若P成⽴，则执⾏A（步骤）；再判断条件p是否成⽴；若P成⽴，则⼜执⾏A，若此反复，直到某⼀次条件p不成⽴时为⽌。

如下图：直到型结构：先执⾏A，再判断所给条件P是否成⽴，若p不成⽴，则再执⾏A，如此反复，直到P成⽴，该循环过程结束。

3. 绘制流程图中的注意事项（1）绘制流程图时，为了提⾼流程图的逻辑性，应遵循从左到右、从上到下的顺序排列。

（2）绘制流程图时，为了提⾼流程图的逻辑性，应遵循从左到右、从上到下的顺序排列。

⼀个流程从开始符开始，以结束符结束。

开始符号只能出现⼀次，⽽结束符号可出现多次。

若流程⾜够清晰，可省略开始、结束符号。

（3）菱形为判断符号，必须要有“是和否（或Y和N）”两种处理结果，意思是说，菱形判断框⼀定需要有两条箭头流出；且判断符号的上下端流⼊流出⼀般⽤“是（或Y）”，左右端流⼊流出⽤“否（或Y）”。

流程图的画法2009年10月26日星期一 13：331、各司其职的形状在我的流程图中，适用于不同目的和功能的形状都有各自确定的规范。

到目前为止,我一共定义了以下一些形状：（1)开始和结束作为整张流程图的头和尾,必须标清楚到底具体指哪个页面,以免日后出现歧义.（2)网页如你所见，网页的形状是一个带有漂亮的淡蓝色过渡效果的长方形，它的边框为深蓝色，中间写明了这个网页的用途，括号中的数字代表这个形状所对应的demo 文件的名称（比如这里是2.html），我有时会把流程图输出为网页的形式,并把每个网页形状和它所对应的demo文件链接起来，这样查看起来非常方便。

对OmniGraffle来说这是小菜一碟，如果你被迫用Visio，嗯……另外，所有从形状出来的线条，都具有和此形状边框一样的颜色。

这样的做法不仅看起来漂亮，在复杂的流程图中还能轻易地标明各形状的关系.我没有见过类似的做法,所以这是由我首创也说不定，呵。

（3）后台判断很常见的一个形状.我在用法上有一点和其他人的不同在于，我几乎总是让‘是’的分支往下流动,让‘否’的分支向右流动。

因为流程图一般都是从上向下、从左到右绘制的，遵循上述规则一方面可以让绘制者不用为选择方向操心，另一方面也方便了读者阅读。

（4）表单错误页既然有表单,当然会有错误信息。

其实这个信息很重要,用户出错时惶恐不安,就靠着错误提示来解决问题了。

你不在流程图里说什么时候显示错误页、不在demo 里提供错误页，有些程序员会直接在网页上写个“错误，请检查"，所以UI设计师一定要对这个东西重视起来。

但一般来说也没必要把每种错误都在流程图中表示出来，因为含有两个文本框的表单就有三种出错情况了,多了就更不用说了。

所以我都是把错误页变为表单的附属页，比如表单页的编号为2，那么此表单错误页的编号就从2。

1开始排下去,每种错误放到一个附属页中,这样程序员在拿到demo时也能搞清楚什么意思。

结合网页和表单的形状，一个表单验证的流程图就是这样的：（5）后台动作并非所有后台动作都绘入流程图中（否则流程图就会变成庞然大物了）,只有需要特别强调的后台动作(和用户体验直接相关的）才使用此形状。