如何快速画出一幅漂亮的架构图

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

为什么要画好一幅架构图？一幅漂亮的架构图既是创作者的深度结构化思考和表达，对于读者来说也更加容易理解架构所要表达的意思。

然而不擅长画图的程序员，在大脑里已经有了思路，如何快速能够产出精美的架构图呢？这篇文章帮你总结了常用的架构图类型，可以借鉴笔者提供的模板，快速地产出符合你的业务需要的架构图。

周期图

XY轴坐标图

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

时间轴

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

生命周期图

 

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

坐标轴带图标模板

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

块状图

Banner图

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

系统架构图

应用依赖图

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

系统分层简图

 

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

系统分层彩图

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

 

多维系统架构分层图

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

业务流程图

三角流程图

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

 

块状流程图

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

链式流程简图

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

链式流程彩图

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

分类数据图

 

垂直块状分类图

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

矩阵分类图

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

业务大图

矩阵式业务大图

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

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

作者|红文