出于工作原因,我们程序猿常常需要在「功能分析」、「概要设计」等文档中引用一些流程图,以便更清晰地说明运行流程。以前没有系统地学习过Flowchart流程图,所以想到什么就画什么,结果画出来的图形状千奇百怪,没有形成一致的规范。痛定思痛,决心系统地学习、厘清流程图的标准画法,经过2天的实践,自觉初窥门道,便记录于此,供诸君参考。
画图工具
Office Visual - 不再推荐
跟大多数人一样,最开始也是使用Office系的Visual 2010,然而在使用之前,需要经历 下载–>安装–>破解,安装包动辄几个G,破解随时可能过期或者被植入黑心木马,妈蛋,我只是想简单画个图啊~~
好不容易把一切都弄好已经过去了近2个小时,打开后开始画图吧,发现这软件功能好复杂,学习曲线不低啊,而且支持的图好low逼啊,唉,不说了,我使用了一段时间果断弃坑了…
Process On - 强烈推荐
在知友的推荐下,开始使用ProcessOn,一个专业在线画流程图的工具,使用Chrome 或Firefox浏览器,支持快捷键,基本上是拖拖拽拽就搞定了,非常方便。
Flowchart教程
言归正传,下面开始教程。其实捏,Flowchart是老外发明的,当然英文资料介绍得最确切,我也是看这些第一手资料学习过来的,金玉在前,这里我主要做一些引用和翻译的工作。
主要参考资料:creately Ultimate Flowchart Guide
Flowcharts是由Frank Gilberth在1921年最先提出的,最开始的全名是”Process Flow Charts”,即处理流程图表。但是真正把Flowcharts推广开来的是这位叫Allan的老先生,他向商人培训Flowcharts的使用并逐渐流传开来。更多的历史详情可以阅读维基百科
Flowchart符号的含义
在开始画flowchart流程图之前你必须清楚地理解不同符号的含义,才能正确地使用它们。大多数人只懂得使用几个基本的符号,比如流程框和判断框,但是捏,还有许多其它的符号,正确地使用可以让你的流程图表达地更加准确。概览如下,再分别逐个说明。
开始/结束符
凡事有始有终,这个椭圆符号代表流程的开始或结束。
处理框
表示一个处理流程,表达方式为: