时序图与协作图语义等价但表达不同:时序图按时间轴展示消息顺序,需生命线和激活框;协作图按空间关系布局,依赖关联线与递增序号消息,二者在processon中不可混用且须严格遵循uml规范。

要在ProcessOn中准确绘制时序图或协作图,必须先理解二者在UML语义层面的等价性与视觉表达上的根本差异——它们描述同一组对象交互,但一个按时间轴展开,一个按空间关系布局,选错类型会导致后续无法清晰传达设计意图。
时序图与协作图的核心区别
时序图强调“谁在什么时候发消息”,协作图强调“谁和谁有连接、按什么顺序交互”。ProcessOn不校验UML语法,所以图形画得再像,若结构逻辑错位,就失去建模意义。
时序图里每个对象下方都有一条垂直生命线,消息箭头沿Y轴从上到下排列;协作图里对象用矩形或带构造型图标表示,彼此之间必须先画出连接线(Link),再在线旁标注带数字序号的消息(如1、1.1、2)。
ProcessOn的时序图模板默认启用自动对齐与时间流引导,但协作图模板不提供生命线或激活框——【一旦在协作图里手动添加虚线生命线,就违背UML规范,且无法导出为标准XMI】。
协作图中的消息序号必须严格递增且不可跳号,比如写了1和3,中间缺2,ProcessOn不会报错,但该图在评审时会被认定为语义残缺。
在ProcessOn中创建标准时序图
第一步:点击左上角「新建」→ 选择「UML」分类 → 点击「时序图」模板(非「空白流程图」)。
第二步:双击左侧预设的「Actor」图标拖入画布,重命名为“用户”;再从右侧「UML形状」栏拖入两个「Lifeline」,分别命名为“Frontend”和“Backend”。
第三步:选中“Frontend”生命线 → 右键 →「添加激活框」,确保每次发送消息前该对象处于激活状态;同理为“Backend”添加激活框。这一步漏做,图示会丢失执行上下文。
第四步:用「Message」工具从“用户”画箭头指向“Frontend”,输入消息文本如“loginRequest”;再从“Frontend”拉箭头到“Backend”,写“validateAuth”。所有箭头必须起点落在生命线顶部、终点落在目标生命线上——【若箭头悬空或连到对象框边缘,ProcessOn视为装饰线,不计入交互序列】。
ProcessOn (Windows) 5.14.18版本支持流程图、UML、架构图及思维导图绘制。本次更新重点优化性能与稳定性,提升大文件编辑流畅度与启动速度,新增AI智能生成图表功能,可根据文本描述快速生成流程图与思维导图,并优化多人实时协作与云端同步体验,适用于产品设计、技术架构与团队协作场景。
在ProcessOn中创建合规协作图
方法一:从零搭建
① 先拖入三个「UML Object」形状,分别命名为“User”“WebApp”“DB”;
② 使用「Line」工具,在User与WebApp之间画一条直线,右键该线 →「设置为Association」;同样连接WebApp与DB;
③ 在User→WebApp连线旁双击,输入“1: sendLoginReq”,在WebApp→DB连线旁输入“2: queryUser”;注意序号必须为阿拉伯数字+英文冒号+空格+消息名,不能写“1.”或“①”。
方法二:用模板快速生成
直接选用ProcessOn「协作图」模板,它已预置带编号的消息占位符和关联线样式,删掉默认文字后填入实际对象名与消息即可。这比手动连线快 30秒,且避免漏设Association属性。
将时序图一键转为协作图(仅限ProcessOn Web版)
打开已绘制完成的时序图 → 点击右上角「更多」→「转换为协作图」→ 等待3秒自动生成新画布。
系统会自动识别所有生命线为对象、所有消息为带序号的关联消息,并建立对应连接线;但【原始时序图中跨生命线的循环消息(如self-call)会被忽略,需人工补连线并标注1.1、1.2等子序号】。
转换后务必检查:每个对象是否都有至少一条出向或入向连线;所有消息序号是否连续无断点;连线是否全部设为Association而非普通线条。










