转载自: 值得收藏!如何快速画出一幅漂亮的架构图

阿里妹导读

这篇文章总结了常用的架构图类型,可以借鉴笔者提供的模板,快速地产出符合业务需要的架构图。

为什么要画好一幅架构图?一幅漂亮的架构图既是创作者的深度结构化思考和表达,对于读者来说也更加容易理解架构所要表达的意思。 然而不擅长画图的程序员,在大脑里已经有了思路,如何快速能够产出精美的架构图呢?这篇文章帮你总结了常用的架构图类型,可以借鉴笔者提供的模板,快速地产出符合你的业务需要的架构图。

周期图

XY轴坐标图



| 图形特点 | 简洁、容易理解、易扩展 | | 使用场景 | 适用于一组或者一组以上的数据趋势对比 | | 美观度 | ☆☆☆☆ | | 复杂度 | ☆☆☆ |

时间轴

| 图形特点 | 简洁、容易理解、易扩展 | | 使用场景 | 时间轴维度 | | 美观度 | ☆☆☆☆ | | 复杂度 | ☆☆ |

生命周期图



| 图形特点 | 简洁、容易理解、易扩展 | | 使用场景 | 适用于对一个对象进行生命周期划分或者分类扩展 | | 美观度 | ☆☆☆☆ | | 复杂度 | ☆ |

坐标轴带图标模板

| 图形特点 | 简洁、容易理解、美观 | | 使用场景 | 适用于对一个带有产品图的对象进行生命周期划分或者分类扩展 | | 美观度 | ☆☆☆☆ | | 复杂度 | ☆☆ |

块状图

Banner图

| 图形特点 | 简单、模块化、信息丰富、易拓展 | | 使用场景 | 适合对于信息平铺展示图 | | 美观度 | ☆☆☆ | | 复杂度 | ☆☆ |

系统架构图

应用依赖图

| 图形特点 | 简洁,引入容易理解的图标,扩展性强 | | 使用场景 | 适用于应用、数据库之间的依赖 | | 美观度 | ☆☆☆☆ | | 复杂度 | ☆☆ |

系统分层简图

| 图形特点 | 简洁、容易理解、流程指向清晰、拓展性简单 | | 使用场景 | 适用于简单应用分层架构 | | 美观度 | ☆☆☆☆ | | 复杂度 | ☆☆☆☆☆ |

系统分层彩图

| 图形特点 | 增加ICON、和业务深度集成,相对简洁 | | 使用场景 | 可叠加业务名词、标签等应用分层架构 | | 美观度 | ☆☆☆☆☆ | | 复杂度 | ☆☆☆☆ |

多维系统架构分层图

| 图形特点 | 多维度分层 | | 使用场景 | 可叠加业务、系统等多维度封层架构 | | 美观度 | ☆☆☆☆☆ | | 复杂度 | ☆☆☆☆ |

业务流程图

三角流程图



| 图形特点 | 简单、清晰 | | 使用场景 | 可形成闭环的业务流程 | | 美观度 | ☆☆☆☆ | | 复杂度 | ☆☆☆ |

块状流程图

| 图形特点 | 简单、清晰 | | 使用场景 | 流程+块状业务图 | | 美观度 | ☆☆☆☆ | | 复杂度 | ☆☆ |

链式流程简图

| 图形特点 | 简单、链式流程、易扩展 | | 使用场景 | 可以形成链式的流程 | | 美观度 | ☆☆☆☆ | | 复杂度 | ☆☆ |

链式流程彩图

| 图形特点 | 链式流程、展现丰富、富文本模式,支持模块和图标 | | 使用场景 | 链式需要展示业务和模型细节的流程图 | | 美观度 | ☆☆☆☆☆ | | 复杂度 | ☆☆☆☆ |

分类数据图

垂直块状分类图

| 图形特点 | 简单、清晰、易拓展 | | 使用场景 | 可以结构化、可分类的描述 | | 美观度 | ☆☆☆☆☆ | | 复杂度 | ☆☆ |

矩阵分类图



| 图形特点 | 简单、清晰、结构化 | | 使用场景 | 可以结构化、可分类的描述 | | 美观度 | ☆☆☆☆ | | 复杂度 | ☆☆☆ |

业务大图

矩阵式业务大图



| 图形特点 | 美观、内容丰富、承载模块多 | | 使用场景 | 大型系统的描述 | | 美观度 | ☆☆☆☆☆ | | 复杂度 | ☆☆☆☆☆ |

omniGraffle下载地址:https://www.omnigroup.com/download/

阿里云开发者社区,千万开发者的选择

阿里云开发者社区,百万精品技术内容、千节免费系统课程、丰富的体验场景、活跃的社群活动、行业专家分享交流,欢迎点击【阅读原文】加入我们。