EditorialDiagram
图表目录

产品与规划

Editorial 泳道图设计工具 — 无阴影,告别 Mermaid 杂乱

在 Customer、Support、Warehouse 与 Finance 四条泳道中明确所有权。八步退货示例区分团队动作与跨团队交接,涵盖检查、退款和通知。

免费体验示例
100%
示例预览
A returned item changes hands four times.Every activity belongs to one team. Handoffs cross lane boundaries without splitting ownership.A returned item changes hands four times.ILLUSTRATIVE SAMPLE / ENGINEERCUSTOMERSUPPORTWAREHOUSEFINANCEEvery activity belongs to one team. Handoffs cross lane boundaries without splitting ownership.Request returnCheck policyApprove returnPack itemReceive itemInspect itemIssue refundNotify
正在检查几何布局…

导出图表

免费 PNG 包含 EditorialDiagram 角标。

细线、讲究的排版、不加阴影。

排版规则与常见反模式

该图表的四条排版规则

  1. 01

    每个角色或团队使用有名称的泳道,以 1px 细线分隔;只有一个动作的泳道也是有效的。

  2. 02

    动作整体放在实际负责人的泳道内,所有权属于动作而不是跨过边界的连线。

  3. 03

    流程尽量从左到右推进;跨泳道交接保留清晰的正交通道,避免反复蛇形回退。

  4. 04

    选择一个重要交接或退款责任作为焦点。动作数量不等比编造补位步骤更准确。

应避免的三种错误

  • 泳道没有名称,会让读者猜测负责团队。
  • 一个动作跨两条泳道,会造成责任归属不明。
  • 强迫动作数量相等或让箭头反复折返,会隐藏关键交接。

Engineer 与 Executive 密度对比

两种渲染基于同一个说明性示例。Executive 模式有意合并细节;在技术评审中使用总览前,请先阅读图注。

Engineer / 源代码细节
A returned item changes hands four times.Every activity belongs to one team. Handoffs cross lane boundaries without splitting ownership.A returned item changes hands four times.ILLUSTRATIVE SAMPLE / ENGINEERCUSTOMERSUPPORTWAREHOUSEFINANCEEvery activity belongs to one team. Handoffs cross lane boundaries without splitting ownership.Request returnCheck policyApprove returnPack itemReceive itemInspect itemIssue refundNotify

八个动作把政策检查、包装、检验、退款与通知留在实际负责人的泳道。

Executive / 决策总览
A returned item changes hands four times.Four owned stages summarize the return. Engineer mode keeps each check, handoff and notification.A returned item changes hands four times.ILLUSTRATIVE SAMPLE / EXECUTIVECUSTOMERSUPPORTWAREHOUSEFINANCEFour owned stages summarize the return. Engineer mode keeps each check, handoff and notification.Request returnApproveInspect returnIssue refund

四个有归属的阶段保留跨团队退货故事,概括具体操作子步骤。

关于该图表的常见问题

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 积分,包含一次自动几何修正。 价格