流程图、泳道图的介绍和示例分享,以及自定义元件库的介绍

目录

[一. 流程图介绍](#一. 流程图介绍)

[二. Processon使用](#二. Processon使用)

新建一个流程图

图形的使用

[三. 流程图示例](#三. 流程图示例)

登录界面

门诊业务流程图

住院业务流程图

药房业务流程图

会议OA流程图

[四. 泳道图介绍](#四. 泳道图介绍)

[五. 自定义元件库](#五. 自定义元件库)

[5.1 新建一个元件库](#5.1 新建一个元件库)

[5.2 创建元件](#5.2 创建元件)

[5.3 使用自定义元件库](#5.3 使用自定义元件库)


一. 流程图介绍

**流程图是一种图形表示方法,使用特定的图形符号和文字说明来表示具体流程和算法思路。**它主要由不同形状和符号的框以及指向这些框的箭头组成,每个形状或符号都有特定的含义,代表了工作流程中的一种特定类型的步骤或动作。

流程图具有以下特点:

  1. 清晰地展示一个过程的步骤和结构,以及步骤之间的逻辑关系。
  2. 帮助我们理解复杂的过程,使其变得直观和易于掌握。
  3. 作为诊断工具,可以辅助决策制定,帮助管理者确定问题可能出在什么地方,并确定可供执行的方案。
  4. 在多个领域,如产品设计、软件开发、工艺生产等都有广泛的应用。

流程图常用于表示完成一项任务的流程或具体方法,如生产线上的工艺流程或组织决策制定程序。流程图中的箭头代表了流程中的流动方向,而图形块则表示了流程的各个阶段。

流程图工具有:Processon、 Visio、亿图

下面以Processon为例,分享几个流程图示例

二. Processon使用

新建一个流程图

图形的使用

三. 流程图示例

登录界面

门诊业务流程图

住院业务流程图

药房业务流程图

会议OA流程图

四. 泳道图介绍

泳道图也称为跨职能流程图或UML活动图,是一种图表类型,其主要目的是清晰地表示流程环节发生在某个职能群体,从而区分出事件主体并反映各职能群体之间的关系。

泳道图的主要特点包括:

  • 使用"泳道"框架来表示流程内容。
  • 通过"泳道"特点来清晰且直观地体现出流程环节发生在某职能群体。
  • 在纵向上表示部门职能,而在横向上则可以表示岗位或其它特定的职责单位。

绘图元素与传统流程图类似,但在业务流程主体上,通过泳道(纵向条)区分出执行主体,即部门和岗位。

这种图表类型常用于描述涉及多个部门或多个功能区域的复杂业务流程,帮助更好地跟踪和理解任务的流转过程。

在上面的流程图中,其实就是用到了泳道图为基底

五. 自定义元件库

5.1 新建一个元件库

5.2 创建元件

这里就跟画原型图一个,想要什么样的元件就自己搭建

下面我搭建了一个弹出框

保存之后会生成一个.rplib文件

5.3 使用自定义元件库

新建一个文件,在元件处有一个"+"号,点击就可以将元件库导入进去使用

相关推荐
甲枫叶4 天前
【claude热点资讯】Claude Code 更新:手机遥控电脑开发,Remote Control 功能上线
java·人工智能·智能手机·产品经理·ai编程
Dr.AE5 天前
OpenClaw 产品分析报告
人工智能·自动化·产品经理
甲枫叶5 天前
【claude+weelinking产品经理系列16】数据可视化——用图表讲述产品数据的故事
java·人工智能·python·信息可视化·产品经理·ai编程
PD我是你的真爱粉5 天前
Vue 3 生命周期完全指南:从流程图到最佳实践
前端·vue.js·流程图
CORNERSTONE3655 天前
生产质量管理体系全过程流程图
流程图·质量管理·管理流程·生产质量
虫无涯5 天前
Axure、xiaopiu设计弹窗的实践
axure·产品设计·原型设计
Blockbuater_drug5 天前
Amber分子动力学模拟5.3: 冷冻电镜结构评估与选用
流程图·分子动力学模拟·cryo-em结构·蛋白结构评估·冷冻电镜结构
Ruannn(努力版)6 天前
产品经理 PRD需求文档
产品经理
甲枫叶6 天前
【claude+weelinking产品经理系列15】UI/UX 打磨——产品经理的审美终于能自己实现
java·人工智能·python·ui·产品经理·ai编程·ux
rolt7 天前
二十四年前在UMLChina谈本体论-James Odell
产品经理·架构师·uml·本体论·palantir