怎样画一张人见人爱的系统架构图

最新推荐文章于 2024-08-27 08:46:07 发布

明道云创始人任向晖

最新推荐文章于 2024-08-27 08:46:07 发布

阅读量712

点赞数

文章标签： java 交互设计人工智能 mooc 编程语言

本文链接：https://blog.csdn.net/weixin_41676352/article/details/125401412

版权

本文介绍了如何画出专业且吸引人的系统架构图，强调了从具象到抽象的转换，包括适当的颗粒度、规范命名和关系表达。文章还提到了架构图的三种基本形态、边界确定、主次分明的空间布局以及视觉设计技巧，帮助读者创建清晰、美观的架构图。

摘要由CSDN通过智能技术生成

文/明道云创始人任向晖

在我们IT行业，经常要画系统架构图。这是和客户，上下游伙伴进行技术和商务沟通的有效工具。几乎任何一个复杂企业软件产品和方案都会把系统架构图作为商业表达的重点。在技术研讨会上，这些架构图往往是幻灯片的主角，不仅出现在现场屏幕上，还是现场观众举起手机拍照的重点对象。所以，一副精确且大气漂亮的系统架构图能够同时体现公司产品的架构能力和品牌形象。

IT架构图看起来总是高大上，复杂的系统有时候不知道从何着手，但只要掌握几个关键步骤，你就能够做出惊艳的成果来，让读者赏心悦目的同时，增强研读的兴趣。

一、从具象到抽象

架构图表达的就是事物的结构，大多数领域都可以用具象的方式来呈现，比如下图中的人体器官系统图就显得一目了然。但是IT行业几乎没有具象表达的可能性。不像人体器官系统的直观视觉表达那么有效。所以，设计IT系统架构图，第一步就是要完成合理的“抽象”。

1、恰当的颗粒度

抽象最重要的目标就是决定用什么样的颗粒度来列出事物，而不是巨细无遗。这完全取决于架构图的受众和想要表达的系统的规模。越是非技术受众，越要降低颗粒度，越是大型系统，也要降低颗粒度。虽然我们可以在一个架构图中表达事物的层次，但是平面空间总是有限，就像人体器官分布图没办法呈现细胞组织一个道理。

IT系统架构图的受众通常包括客户和技术伙伴。两者都想要了解系统的基本原理，不想面对一个黑盒产品，但是非开发者型客户通常不需要了解过多的技术细节，所以适合使用较高抽象水平的表达。而参与产品生态的开发者、合作伙伴则希望了解更详细的系统信息，拓扑结构，因此需要一个颗粒度更高的表达版本。这一版本通常出现在产品技术白皮书中。

举个操作系统的例子。如果要用一个架构图呈现Windows的系统架构，对普通用户只需要切入到系统内核、内存管理、文件系统、GUI、设备管理这样的大模块就行。但对于Windows应用开发者，则需要继续延伸到DLL库、注册表、API等技术细节。对于后者，实践中可能要拆分成若干个子系统的架构解析才行，因为要把所有的技术细节都放到一张图中并不友好。如果搞错了受众，用过度技术化的细节架构会让一般读者无所适从。