画图与出图

对话里聊着聊着要张图？直接说——讨论用的速写图当场出；要进方案、给客户看的正式图，走专业出图管线，成稿是能点、能缩放、能导出的交互网页，还能直接嵌进 Word 和 PPT。

两种图，两个档位

	讨论速写	交付成稿
什么时候	聊天中说明逻辑、临时对齐	进方案文档、给客户看、正式存档
长什么样	对话里直接渲染的流程图 / 时序图	独立的交互网页文件（可点、可缩放、深浅主题、一键导出图片）
怎么说	「画个图看看这个流程」	「出一张正式的××流程图，要给客户看的」
质量	快、示意级	交付级——连线不交叉、标签不遮挡（机器校验过才交付）

速写图聊明白了，一句「把它升级成正式图」就能升档，不用重画。

正式图的五类

图类	用途	例子
流程图（泳道式）	谁在哪个环节干什么	应急处置流程：五条职责泳道 × 三个阶段
架构图	系统由什么组成、怎么连	客户系统的模块架构
时序图	谁先谁后、来回调用	对接流程：我方 ↔ 客户方 ↔ 第三方
数据流图	数据从哪来到哪去	订单数据流转全景
生命周期图	状态怎么流转	项目从立项到结项的全程

成稿流程：先对骨架、再出图

专业图不是听完就画——先跟您对流程骨架：

1. 它梳理：角色、阶段、步骤、分支，列给您看
2. 您确认（或纠正：「少了一步退货审核」）
3. 成稿：自动排版 → 质量校验（连线交叉、标签遮挡这些烂图形态机器直接拦）→ 交付

✅ 看到什么算成功

一个 HTML 图文件：节点能点开看说明、能缩放拖动、右上角一键导出 PNG（插进任何文档）；放进方案、投到客户屏幕上都拿得出手。

可点流程图：节点带说明

给客户看的流程图，每个节点可以点开看说明——客户看完大流程，点到具体环节能看「这一步具体做什么、谁负责、要注意什么」。一张图既是大盘又是明细，现场讲解时点哪讲哪。

思维导图与图表

• 思维导图：把方案、制度、知识体系摊成一张导图——「把这份方案画成思维导图」
• 数据图表：柱状、折线、饼图、看板——数据给上（Excel / 口头数都行），出可交互图表页，进汇报、进方案都能用

图进 Word / PPT

图做好了要进文档，直接说「把这张图插进方案第三章」——图导出为高清图片嵌进 docx / pptx，图文一体交付，不用您手动截图拼贴。

快速参考：这么说就出图

画一下我们和供应商的对账流程图（讨论用速写）
把刚才聊的订单履约流程出一张正式图，可点的那种，给客户看
把 9 月复盘数据做成图表，趋势+构成各一张
这张架构图换成深色主题再出一版

常见卡点

现象	怎么办
图里节点太多、看不过来	说「太密了」——会拆成主图 + 子图，或分阶段出多张
想改某个框的文字	会话里指着说「第×步改成××」——改的是图源，重新出图，不是截图修
客户要 PNG / PDF	图文件右上角导出菜单自带（PNG / SVG 等），或直接说「导一份 PNG 给我」
速写图能直接给客户吗	能看，但正式场合建议升档成交付成稿——质量档不同，多花一两分钟
Excel 数据要自己整理吗	不用——原始表拖进来，说清要什么图，取数它来

延伸阅读

• Office 文档怎么做：图嵌进 Word / PPT 的成套交付
• CAD 与三维怎么用：工程图纸与三维模型的专门通道
• 流程图与思维导图案例：真实成稿长什么样（可点开看）