ProcessOn基础教程流程图&实操案例及Axure的自定义元件

目录

一、Processon介绍

  概述：

二、Processon使用说明 

2.1 泳道图的使用：

三、Processon案例

         3.1 绘制门诊流程图

         3.2 绘制住院流程图

         3.3 绘制药库采购入库流程图

         3.4 绘制OA会议流程图

四、自定义元件库

---

一、Processon介绍

---

  概述：

ProcessOn——一款专业在线作图工具和知识分享社区，支持流程图、思维导图、原型图、网络拓扑图、UML等专业图形的绘制，无需下载安装，即可使用。
 

二、Processon使用说明 

        以下是使用ProcessOn绘制流程图的操作方法：

        Step1：注册登录ProcessOnProcessOn思维导图流程图-在线画思维导图流程图_在线作图实时协作ProcessOn是一款专业在线作图工具和知识分享社区，提供AI生成思维导图流程图。支持思维导图、流程图、组织结构图、网络拓扑图、鱼骨图、UML图等多种图形，同时可实现人与人之间的实时协作和共享，提升团队工作效率。https://www.processon.com/

Step2：选择左侧菜单里的新建，并选择流程图:

Step3：进入后，可以选择已有的免费或者付费模板，我这里就直接自己新建的:

以下我运用了流程图形、和判断图形

 绘制流程图的意义就是为了帮助我们更好的梳理原型图的思路

 Step4：上图中箭头画法：直接选中图形的边框，会出来一个十字图形，然后直接画箭头了，有时候不需要带箭头，则去掉这箭头即可，参考以下gif:

2.1 泳道图的使用：

泳道图绘制的场景非常清晰：流程图是描述一个事件过程的步骤，当这个过程涉及许多不同人、不同部门或不同功能区域时，很难跟踪每个步骤的负责人。解决此问题的有效方法是用泳道图把流程图分栏，这样能清晰地了解任务转交的流程。

         在左侧工具栏【泳池/泳道】中拖拽泳池或泳道到编辑区 

         当我们鼠标移动到泳道的上边框，会弹出一排东西，其中第一个是选择几个泳道、第二个是将当前的纵向泳道变成横向泳道、第三个是输入的文字是横向的还是纵向的

操作步骤：

Step1：在各个泳道内添加流程元素

Step2：确保流程顺畅。也可以在各区域填充颜色，让任务和流程更清晰明确。

说明：泳道图（跨职能流程图）有垂直和水平两种表现方式。你可以用垂直或者水平跨职能流程图展示任意跨职能流程。

三、Processon案例

         3.1 绘制门诊流程图

         3.2 绘制住院流程图

         3.3 绘制药库采购入库流程图

         3.4 绘制OA会议流程图

四、自定义元件库

     我们点击文件里面的新建元件库，这里我做的是一个表单弹出层、分页，当我们很多页面都需要分页的时候，我们自己一个一个画出来太费效率了，这里我们就可以新建一个元件库

参考以下gif：

       添加元件，选择我们自己建的元件库，可以看到我们上面画了一个表单弹出层、分页（当然也可以去网上找自己需要的自定义元件下载导入）