产品与规划
Editorial 泳道图设计工具 — 无阴影,告别 Mermaid 杂乱
在 Customer、Support、Warehouse 与 Finance 四条泳道中明确所有权。八步退货示例区分团队动作与跨团队交接,涵盖检查、退款和通知。
导出图表
免费 PNG 包含 EditorialDiagram 角标。
排版规则与常见反模式
该图表的四条排版规则
- 01
每个角色或团队使用有名称的泳道,以 1px 细线分隔;只有一个动作的泳道也是有效的。
- 02
动作整体放在实际负责人的泳道内,所有权属于动作而不是跨过边界的连线。
- 03
流程尽量从左到右推进;跨泳道交接保留清晰的正交通道,避免反复蛇形回退。
- 04
选择一个重要交接或退款责任作为焦点。动作数量不等比编造补位步骤更准确。
应避免的三种错误
- 泳道没有名称,会让读者猜测负责团队。
- 一个动作跨两条泳道,会造成责任归属不明。
- 强迫动作数量相等或让箭头反复折返,会隐藏关键交接。
Engineer 与 Executive 密度对比
两种渲染基于同一个说明性示例。Executive 模式有意合并细节;在技术评审中使用总览前,请先阅读图注。
八个动作把政策检查、包装、检验、退款与通知留在实际负责人的泳道。
四个有归属的阶段保留跨团队退货故事,概括具体操作子步骤。
何时应换用其他图表
关于该图表的常见问题
Support 与 Finance 共同涉及的动作应该怎么画?
选择真正负责执行该动作的团队,把矩形放在其泳道内。如果确有两个不同动作,则拆开并用交接连接。矩形横跨泳道边界会让责任模糊。
退货示例中 Finance 为何只有一个步骤?
Finance 负责 Issue refund;其他团队负责政策检查、包装、接收、检验及通知。泳道不要求动作数量相等,为视觉对称添加占位活动会歪曲流程并分散退款交接的重点。
四阶段 Executive 视图省略了什么?
它概括为 Request、Approve、Inspect return 与 Issue refund,每条泳道保留一个有归属的阶段。政策检查、包装、入库接收和客户通知留在八步 Engineer 视图,适合运营职责评审。
示例使用说明性数据。编辑后的新布局需要 AI 服务;缓存预览可立即查看。
缓存示例可免费试用。Starter Pack 为 US$9.9 一次性购买;Pro Pass 为每月 US$8.9。每次生成固定消耗 10 积分,包含一次自动几何修正。 价格
EditorialDiagram