Jimersy Lee’s blog
·
如何画好技术设计图
💡
原文中文，约6300字，阅读约需15分钟。
📝
内容提要
程序员在画图过程中遇到的痛点包括图形对不齐、在线服务收费、找不到设计图等。架构图、时序图、流程图和状态图可用于描述软件整体架构、动态协作、工作流程和对象状态流转。建议将图表代码化并与项目代码一起管理，使用C4模型设计架构图，使用mermaid插件绘制流程图和时序图。
🎯
关键要点
- 程序员在画图过程中遇到的痛点包括图形对不齐、在线服务收费、找不到设计图等。
- 架构图、时序图、流程图和状态图可用于描述软件整体架构、动态协作、工作流程和对象状态流转。
- 建议将图表代码化并与项目代码一起管理，以便跟踪流程变化。
- 使用C4模型设计架构图，使用mermaid插件绘制流程图和时序图。
- 架构图适合展示系统总体组成，不适合表现具体功能点逻辑。
- 时序图适合表现对象之间的动态协作和时间顺序，适用于业务逻辑中涉及到其他组件的交互。
- 流程图用于表示过程或工作流程，适合表达具体功能点逻辑，但不适合涉及数据流转的场景。
- 状态图用于表示对象的状态流转，帮助规避BUG。
- 推荐使用的绘图工具包括MySQL Workbench、Excalidraw、Idea UML图、Datagrip、PlantUML和draw.io。
- 最佳实践包括图表代码化、使用C4模型和mermaid插件、以及在项目迭代中制作时序图和流程图。
➡️
