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

这篇文章总结了常用的架构图类型,可以借鉴笔者提供的模板,快速地产出符合业务需要的架构图。
为什么要画好一幅架构图?一幅漂亮的架构图既是创作者的深度结构化思考和表达,对于读者来说也更加容易理解架构所要表达的意思。

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

周期图

XY轴坐标图

图片

图形特点

简洁、容易理解、易扩展

使用场景

适用于一组或者一组以上的数据趋势对比

美观度

☆☆☆☆

复杂度

☆☆☆

时间轴

图片

图形特点

简洁、容易理解、易扩展

使用场景

时间轴维度

美观度

☆☆☆☆

复杂度

☆☆

生命周期图

图片
图片

图片

 

图形特点

简洁、容易理解、易扩展

使用场景

适用于对一个对象进行生命周期划分或者分类扩展

美观度

☆☆☆☆

复杂度

坐标轴带图标模板

图片

图形特点

简洁、容易理解、美观

使用场景

适用于对一个带有产品图的对象进行生命周期划分或者分类扩展

美观度

☆☆☆☆

复杂度

☆☆


块状图

Banner图

图片

图形特点

简单、模块化、信息丰富、易拓展

使用场景

适合对于信息平铺展示图

美观度

☆☆☆

复杂度

☆☆


系统架构图

应用依赖图

图片

图形特点

简洁,引入容易理解的图标,扩展性强

使用场景

适用于应用、数据库之间的依赖

美观度

☆☆☆☆

复杂度

☆☆

系统分层简图

图片

 

图形特点

简洁、容易理解、流程指向清晰、拓展性简单

使用场景

适用于简单应用分层架构

美观度

☆☆☆☆

复杂度

☆☆☆☆☆

系统分层彩图

图片

图形特点

增加ICON、和业务深度集成,相对简洁

使用场景

可叠加业务名词、标签等应用分层架构

美观度

☆☆☆☆☆

复杂度

☆☆☆☆

 

多维系统架构分层图

图片

图形特点

多维度分层

使用场景

可叠加业务、系统等多维度封层架构

美观度

☆☆☆☆☆

复杂度

☆☆☆☆


业务流程图

三角流程图

图片

图形特点

简单、清晰

使用场景

可形成闭环的业务流程

美观度

☆☆☆☆

复杂度

☆☆☆

 

块状流程图
图片

图形特点

简单、清晰

使用场景

流程+块状业务图

美观度

☆☆☆☆

复杂度

☆☆

链式流程简图

图片

图形特点

简单、链式流程、易扩展

使用场景

可以形成链式的流程

美观度

☆☆☆☆

复杂度

☆☆

链式流程彩图

图片

图形特点

链式流程、展现丰富、富文本模式,支持模块和图标

使用场景

链式需要展示业务和模型细节的流程图

美观度

☆☆☆☆☆

复杂度

☆☆☆☆


分类数据图

图片

 

垂直块状分类图

图形特点

简单、清晰、易拓展

使用场景

可以结构化、可分类的描述

美观度

☆☆☆☆☆

复杂度

☆☆

矩阵分类图

图片

图形特点

简单、清晰、结构化

使用场景

可以结构化、可分类的描述

美观度

☆☆☆☆

复杂度

☆☆☆


业务大图

矩阵式业务大图

图片

图形特点

美观、内容丰富、承载模块多

使用场景

大型系统的描述

美观度

☆☆☆☆☆

复杂度

☆☆☆☆☆

omniGraffle下载地址:https://www.omnigroup.com/download/
作者|红文
posted @   古道轻风  阅读(230)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
历史上的今天:
2008-08-19 面向对象主要概念[转]
2008-08-19 值类型和引用类型的区别[转]
点击右上角即可分享
微信分享提示