Draw.io流程图设计入门指南

一. 流程图工具

　　MicrosoftVisio-付费

a.优点：最强大的流程图工具

b.缺点：Mac/Linux仅联机版，没有客户端Draw.io-免费

a.优点：联机/脱机(支持Windows/Mac/Linux/ChromeOS)，可自由选择存储位置b.缺点：协作能力差(通过保存到GoogleDrive/Github/GitLab进行协作)

ProcessOn-免费

a.优点：联机，支持协作，模板更丰富

b.缺点：必须登录才能使用。自由版本只支持9个文件，并且不能从外部导入可编辑的第二个.Draw.ioMaster指南。

　　网络版本如何实现与离线版本相似的存储能力而不上云。

　　只要直接按住保存，就会保存一个新的xml文件(当然，这也间接实现了版本控制)，但每次弹出的窗口都很麻烦，很难点击File->Saveas…选择Browser，浏览器就会实时保存记录，注意不要在无印良品模式下使用，否则误关机浏览器也找不到。

　　离线版本如何加速下载?

　　FreeDownloadManager可直接在Github上下载，下载速度不稳定，下载速度较慢，使用多线程加速。

　　三、如何导出无线图像

　　4.基本的绘图操作。

　　编制基本的流程图。

　　简单的流程图模板;

　　这张图显示了结构简单的流程图模板，其中包括几个要点：

　　基础形状：包括开始[起始](圆形或椭圆形)和结束[终止][Terminator]，处理步骤[Process](矩形)，判断条件[Decision](菱形)，子过程/或多步集合(图形为橙色带竖线的矩形，该图形在General图形集合面板中)，总结为有始有终，有步骤有循环关键文字标识：对于模糊的图形，应明确标识其属性。举例来说，上图中的数据库圆柱也可以使用缓存或其他存储媒体。当判断条件图被使用时，条件转向必须被明确识别(例如，Y/N)。色彩或尺寸识别相同的成分：注意不要使用高饱和度色或非纯色，建议使用格式面板的默认颜色a。功能相同的成分颜色相同：上图使用紫色识别储存介质，绿色识别判断条件，橙色识别子流程/步骤，假设图中出现了文件库，为了快速定位，还应使用紫色识别。同一过程中的箭头同色：上图中的绿色加粗箭头也用于标识主要过程，如果出现多个是否判断，也可以用红色统一标识为否的情况c.多个步骤组成可圈选功能。

　　2.复杂的流程图——跨职能的流程图。

　　如果使用圈选仍不能得到明确表示，例如整体架构的流程图，则考虑加入泳道(swimlanes)，以使模块边界更加明显.记住，泳道是为跨功能流程图而设计的。

　　游泳通道的基本组成泳道由跨功能流程图的标题、功能或模块，以及每个泳道的具体流程组成。标出泳道的池名称，每个泳道的名称是必须的，与功能或模块相似的泳道可标出相同颜色。

　　泳道的图形可以在Draw.io的左侧(Advanced)面板上找到。

　　在Draw.io中，移动和改变泳道位置不能直接通过拖动，这样会造成泳道被覆盖或泳道脱离整个池塘，正确的做法是：拖动时按住Alt键，然后将其拖至预定位置释放。