写点什么

架构图制作方法!超详细的架构图绘制教程,建议收藏!

作者:彭宏豪95
  • 2024-04-16
    广东
  • 本文字数:2413 字

    阅读完需:约 8 分钟

架构图制作方法!超详细的架构图绘制教程,建议收藏!

在绘制架构图之前,不妨先来了解一下什么是架构图,当我们对想绘制的图形有清晰的了解或定义时,就能更快地画出想要的内容,同时在绘制完成后,也能方便地对图形进行走查,找到其中有待优化的地方。


系统架构图是什么?


系统架构图是一种视觉化工具,用于展示和描述软件系统或信息系统的结构和组件之间的关系。它通常包括系统的各个部分、它们如何相互连接以及如何与外部系统交互。系统架构图有助于开发者、架构师和利益相关者理解系统的高层次设计和组织结构。


如下图就是一个「架构图」的示例,架构图由 3 个模块组成——云底座、数据中台和最上面的应用层,每个模块既相互独立又彼此协作,单个模块又细分出更小的模块,共同构建出可以正常运行的系统架构。


*架构图模板-来自boardmix模板中心


系统架构图的组成部分


通常来说,系统架构图由以下 9 个部分组成:


1. 组件或模块

这些是构成系统的各个部分,可以是软件模块、硬件设备、服务、数据库、API 等。每个组件通常用不同的形状或图标表示,并附有描述性的标签。

2. 关系或连接

组件之间的关系通过箭头、线条或其他视觉连接来表示。这些关系可以是数据流、控制流、依赖关系或通信协议。它们帮助解释组件如何协同工作。

3. 分层或视图

在大型系统中,架构图可能会分层展示,以简化复杂性。例如,可以将系统分为表示用户界面的表示层、处理业务逻辑的业务逻辑层和数据存储的数据层。


*架构图模板-来自boardmix模板中心


4. 边界

边界用于定义系统的边界,区分内部组件和外部系统或服务。它们通常用矩形或圆形边框表示,有助于识别系统与外部环境的交互点。

5. 接口和协议

接口定义了系统内部或系统与外部系统之间交互的规则和标准。协议是实现这些接口的具体技术手段,如 HTTP、REST、SOAP 等。

6. 数据流和处理

数据流描述了数据在系统中的移动路径,包括数据如何被创建、存储、处理和消费。处理通常指系统中对数据执行的操作,如转换、分析或决策。

7. 符号和注释

为了提高可读性和理解性,架构图通常包含各种符号和注释。这些可以是颜色编码、图例、说明文本或标签,用于提供额外的信息和上下文。

8. 安全和治理元素

安全元素如防火墙、认证机制和加密措施是保护系统不受威胁的重要组成部分。治理元素如策略、标准和合规性要求也应该在架构图中体现。

9. 非功能性需求

这些需求描述了系统的性能、可靠性、可维护性和可伸缩性等属性。虽然它们可能不直接反映在架构图中,但它们对系统设计有重要影响。


如何画系统架构图?


可用来绘制架构图的软件有很多,这里推荐使用基于云端、功能强大的绘图软件——boardmix 来画系统架构图。


boardmix,是一款以无限画布作为载体的在线绘图软件,用户可在无限大的画布上自由添加或绘制想要的图形,包括但不限于:系统架构图、逻辑架构图、物理架构图、部署架构图、数据架构图、应用架构图、网络架构图、UML、技术路线图、流程图、甘特图、思维导图等等,在一款软件中绘制多种常见的可视化图形,真正实现一站式绘图办公!


*在线架构图软件boardmix


如何使用 boardmix 画系统架构图?


① 创建一个新的 boardmix 画布

访问 boardmix 首页并登录或注册账号

创建一个新的画布,点击下图的「协同白板」按钮,新建一个 boardmix 文件。



在打开的 boardmix 文件中,点击左侧工具栏的「容器」,在弹出的浮窗,选择一个容器,譬如「画板」,接着在画布上单击,添加画板用来画架构图。



值得一提的是,boardmix 也提供了现成的架构图模板,我们可以复制内置的架构图模板,在模板的基础上修改得到想要的架构图。


点击 boardmix 左侧工具栏顶部的「模板中心」,打开 boardmix 模板库,点击面板左侧的「绘图 &创作」,在右侧就能看到架构图模板,将鼠标指针移动到模板上方,点击「使用」按钮,即可一键复用 boardmix 提供的架构图模板。


*boardmix模板中心


② 确定架构图的范围和目的

在开始绘制之前,明确你的系统架构图需要展示哪些内容。例如,你可能需要展示前端、后端、数据库、服务器、网络等组件。

确定架构图的目的,是为了展示整个系统的设计,还是专注于某个特定方面,如安全性或性能。

③ 使用标准符号和图形

boardmix 提供了一系列的预定义形状和符号,你可以使用这些图形来表示不同的组件和关系。

例如,使用矩形来表示服务器、数据库或服务,使用箭头来表示数据流,使用云形状来表示外部服务等。



④ 绘制系统组件

从画布的左侧面板中拖拽形状到画布上,开始绘制你的系统组件。

例如,你可以先绘制 Web 服务器、应用服务器、数据库服务器等。

为每个组件添加标签,清晰地标明它们的名称和功能。

⑤ 表示组件之间的关系

使用箭头或连线来表示组件之间的数据流和依赖关系。

确保箭头的方向正确,以表示数据流动的正确方向。



⑥ 添加细节和说明

对于每个组件,你可以添加文本框来提供更多的细节和说明。

例如,你可以描述组件的技术栈、主要功能、性能指标等。

⑦ 组织和布局

调整组件的位置,使架构图更加清晰和有组织。

保持足够的空间,避免过于拥挤,确保每个组件和连接都易于识别。

⑧ 走查和迭代

完成初步的架构图后,进行走查,确保所有必要的组件和关系都已包含。

根据反馈进行调整和优化,不断完善架构图。

⑨ 保存和分享

保存你的架构图,boardmix 会自动保存你的工作。

点击 boardmix 画布右上角的「分享」按钮,与团队成员分享你的架构图,以便他们提供反馈或进行协作。


*一键分享架构图


软件架构图模板,尽在 boardmix 模板社区


日常办公中,如果有充足的时间,我们可以从零开始画架构图,不过在更多场景下,我们可以优先从 boardmix 模板社区寻找是否有符合需求的架构图模板,基于已有的模板进行修改,节省花费在绘图上的时间~


在浏览器打开 boardmix 模板社区首页,在社区中搜索【架构图】,可以快速筛选出社区中所有的架构图模板:


消费金融系统架构图

支付系统架构图

政务系统管理架构图

美团 AB 股股权架构图及分析

产品质量管理体系架构图

QMS 质量体系架构

产品设计框架

金融科技产业生态架构

智慧工地监控系统架构

敏捷项目管理架构

智慧园区建设架构

三层敏捷能力架构

金融机构管理架构

蚂蚁金服股权架构图


*boardmix模板社区架构图模板


码字不易,如果对你有帮助的话,请别忘了赏个【三连】或是【关注】我哦,关注不迷路,那我们下次再见咯!

发布于: 18 分钟前阅读数: 5
用户头像

彭宏豪95

关注

新媒体从业者 2017-10-20 加入

喜欢挖掘推荐各种好玩的应用 公众号:效率工具指南

评论

发布
暂无评论
架构图制作方法!超详细的架构图绘制教程,建议收藏!_在线白板_彭宏豪95_InfoQ写作社区