模块框
形状统一
ProcessOn 在线作图
画布概览
ProcessOn 下载:用框与箭头把系统结构画清楚
调用箭头
方向不漏
分层摆放
层次清楚
图例说明
一眼看懂
箭头方向就是依赖方向,别画反。
图例单独放一角,别人看第一眼就知道哪种框代表什么。
核心能力
主要功能
模块是框，调用是箭头，依赖方向标在线上。
形状代表角色
模块、数据存储与外部系统各用一种形状，形状本身就说明了它是什么，不必在框里写一长串解释。
箭头就是依赖
谁调谁由箭头方向表示，方向画反了排查时会走弯路；双向依赖单独画两条，别用一根两头箭头含糊过去。
分层摆开
接入层、服务层与存储层各占一片区域，跨层调用一眼就能被指出来，评审时讨论的落点也更明确。
图例单独放
一角放图例，写清哪种形状代表什么；别人第一次看这张图，不用先问一遍。
存成模板
一张图画完存成模板，下个项目照着改结构，比每次从空白开始省时间。
大图分区看
图大了按区域缩放，细节与全局切换着看，不必把整张图缩到看不清。
画布与图元
画布构成
分层摆开,跨层调用一眼就能被指出来。
| 要表达的关系 | 用什么画 | 注意 |
|---|---|---|
| 模块边界 | 一类形状的框 | 同类形状含义一致 |
| 调用方向 | 单向箭头 | 别用双向混淆 |
| 数据流向 | 另一色的箭头 | 与调用区分开 |
| 分层 | 按区域摆放 | 跨层单独标出 |
| 外部系统 | 另一种形状 | 与内部模块分开 |
| 含义说明 | 角落放图例 | 第一次看就能懂 |
协作方式
几个人同看一块画布,谁都能上手改,不用等一个人画完。
依赖方向清楚
箭头方向即调用方向，排查时按图找入口。
跨层可见
跨层调用被单独指出来，评审时有据可谈。
模板复用
存成模板后，新项目改结构不必从空白开始。
分区缩放
大图按区域放大，细节与全局切换着看。
图元库、连线规则、对齐辅助与导出设置共用同一块画布，改动一项不影响其余几项。安装完成后建议把版本号与组件清单记在一个固定位置，换机器或重装时照着来，不必重新摸索。
适用场景
使用场景
泳道把角色横向分开,交接点单独标出来,责任不会悬空。
架构评审
分层摆开，哪层跨了调用当场能被指出来。
新人上手
给一张结构图，比讲半小时更快。
接口依赖
谁调谁标在箭头上，排查时按图找。
部署拓扑
机器与网络分区各一层，环境差异一目了然。
场景按日常办公里的真实用法归纳，具体流程按各自单位的习惯调整。
导出与交付
谁能看到
导出按用途选:进步文档的导图片,要打印或存档的导 PDF。
作图类型UML / 架构图 / 拓扑图
图元形状可自定义分类
连线单向箭头 + 吸附
分层摆放支持区域划分
图例可自建
模板可保存复用
缩放平移支持
导出格式PNG / SVG / PDF
使用方式浏览器 / 桌面客户端
取用
上手步骤
谁调谁、数据从哪到哪,一张图讲清怎么搭
- 1
画出边界
先把系统分成几个大块，块与块之间的界限先定下来。
- 2
一层一层摆
按接入、服务、存储分层放，跨层的调用单独标。
- 3
连依赖
谁调谁用单向箭头连起来，方向反复核对一遍。
- 4
补图例并存模板
角落写清形状含义，图整完存成模板。
第一次启动常要做一次初始化设置，走完就不会再问，之后直接把文件拖进去处理。
常见问题
疑问解答
协作权限、导出格式与画布页数这三处的疑问,下文按条目列出。
ProcessOn 能画哪些图
流程图、思维导图、UML 图、组织结构图与网络拓扑图都能画,同一块画布上可以混着摆,文件里还能建多页。
不装客户端能用吗
可以,浏览器打开就能画与导出;客户端主要方便日常打开与文件管理,两边看到的是同一份云端文件。
文件存在哪里
存在账号下的云端空间,换一台机器登录同一账号就能看到;导出到本地的文件由自己保管。
别人能看到我的图吗
默认只有自己可见,要给别人看得主动生成分享链接并设置权限;链接可以设成只读,也可以设成可编辑。
结构图改完文档跟不上怎么办
图与文档放在同一处维护,结构改一次就把图改一次;导出 PDF 放进文档,版本号与图一起更新。
开会时多人改会不会乱
各人改各自的块,改动即时可见;有争议的地方用评论圈出来,会后按条处理,不在图上互相覆盖。
给外部的图怎么处理
导出前把内部备注与参考块移出画布范围,再导成图片或 PDF;需要对方看最新版时用只读链接。