1. 引言
为什么要画好一幅架构图？一幅漂亮的架构图既是创作者的深度结构化思考和表达，对于读者来说也更加容易理解架构所要表达的意思。
然而不擅长画图的程序员，在大脑里已经有了思路，如何快速能够产出精美的架构图呢？这篇文章帮你总结了常用的架构图类型，可以借鉴笔者提供的模板，快速地产出符合你的业务需要的架构图。
2. 周期图
2.1 XY轴坐标图
图形特点 |
简洁、容易理解、易扩展 |
使用场景 |
适用于一组或者一组以上的数据趋势对比 |
美观度 |
☆☆☆☆ |
复杂度 |
☆☆☆ |
2.2 时间轴
图形特点 |
简洁、容易理解、易扩展 |
使用场景 |
时间轴维度 |
美观度 |
☆☆☆☆ |
复杂度 |
☆☆ |
2.3 生命周期图
图形特点 |
简洁、容易理解、易扩展 |
使用场景 |
适用于对一个对象进行生命周期划分或者分类扩展 |
美观度 |
☆☆☆☆ |
复杂度 |
☆ |
2.4 坐标轴带图标模板
图形特点 |
简洁、容易理解、美观 |
使用场景 |
适用于对一个带有产品图的对象进行生命周期划分或者分类扩展 |
美观度 |
☆☆☆☆ |
复杂度 |
☆☆ |
3. 块状图
3.1 Banner图
图形特点 |
简单、模块化、信息丰富、易拓展 |
使用场景 |
适合对于信息平铺展示图 |
美观度 |
☆☆☆ |
复杂度 |
☆☆ |
4. 系统架构图
4.1 应用依赖图
图形特点 |
简洁，引入容易理解的图标，扩展性强 |
使用场景 |
适用于应用、数据库之间的依赖 |
美观度 |
☆☆☆☆ |
复杂度 |
☆☆ |
4.2 系统分层简图
图形特点 |
简洁、容易理解、流程指向清晰、拓展性简单 |
使用场景 |
适用于简单应用分层架构 |
美观度 |
☆☆☆☆ |
复杂度 |
☆☆☆☆☆ |
4.3 系统分层彩图
图形特点 |
增加ICON、和业务深度集成，相对简洁 |
使用场景 |
可叠加业务名词、标签等应用分层架构 |
美观度 |
☆☆☆☆☆ |
复杂度 |
☆☆☆☆ |
4.4 多维系统架构分层图
图形特点 |
多维度分层 |
使用场景 |
可叠加业务、系统等多维度封层架构 |
美观度 |
☆☆☆☆☆ |
复杂度 |
☆☆☆☆ |
5. 业务流程图
5.1 三角流程图
图形特点 |
简单、清晰 |
使用场景 |
可形成闭环的业务流程 |
美观度 |
☆☆☆☆ |
复杂度 |
☆☆☆ |
5.2块状流程图
图形特点 |
简单、清晰 |
使用场景 |
流程+块状业务图 |
美观度 |
☆☆☆☆ |
复杂度 |
☆☆ |
5.3 链式流程简图
图形特点 |
简单、链式流程、易扩展 |
使用场景 |
可以形成链式的流程 |
美观度 |
☆☆☆☆ |
复杂度 |
☆☆ |
5.4 链式流程彩图
图形特点 |
链式流程、展现丰富、富文本模式，支持模块和图标 |
使用场景 |
链式需要展示业务和模型细节的流程图 |
美观度 |
☆☆☆☆☆ |
复杂度 |
☆☆☆☆ |
6. 分类数据图
6.1 垂直块状分类图
图形特点 |
简单、清晰、易拓展 |
使用场景 |
可以结构化、可分类的描述 |
美观度 |
☆☆☆☆☆ |
复杂度 |
☆☆ |
6.2 矩阵分类图
图形特点 |
简单、清晰、结构化 |
使用场景 |
可以结构化、可分类的描述 |
美观度 |
☆☆☆☆ |
复杂度 |
☆☆☆ |
7. 业务大图
7.1 矩阵式业务大图
图形特点 |
美观、内容丰富、承载模块多 |
使用场景 |
大型系统的描述 |
美观度 |
☆☆☆☆☆ |
复杂度 |
☆☆☆☆☆ |
