架构图制作方法!超详细的架构图绘制教程,建议收藏!
在绘制架构图之前,不妨先来了解一下什么是架构图,当我们对想绘制的图形有清晰的了解或定义时,就能更快地画出想要的内容,同时在绘制完成后,也能方便地对图形进行走查,找到其中有待优化的地方。
系统架构图是什么?
系统架构图是一种视觉化工具,用于展示和描述软件系统或信息系统的结构和组件之间的关系。它通常包括系统的各个部分、它们如何相互连接以及如何与外部系统交互。系统架构图有助于开发者、架构师和利益相关者理解系统的高层次设计和组织结构。
如下图就是一个「架构图」的示例,架构图由 3 个模块组成——云底座、数据中台和最上面的应用层,每个模块既相互独立又彼此协作,单个模块又细分出更小的模块,共同构建出可以正常运行的系统架构。
系统架构图的组成部分
通常来说,系统架构图由以下 9 个部分组成:
1. 组件或模块
这些是构成系统的各个部分,可以是软件模块、硬件设备、服务、数据库、API 等。每个组件通常用不同的形状或图标表示,并附有描述性的标签。
2. 关系或连接
组件之间的关系通过箭头、线条或其他视觉连接来表示。这些关系可以是数据流、控制流、依赖关系或通信协议。它们帮助解释组件如何协同工作。
3. 分层或视图
在大型系统中,架构图可能会分层展示,以简化复杂性。例如,可以将系统分为表示用户界面的表示层、处理业务逻辑的业务逻辑层和数据存储的数据层。
4. 边界
边界用于定义系统的边界,区分内部组件和外部系统或服务。它们通常用矩形或圆形边框表示,有助于识别系统与外部环境的交互点。
5. 接口和协议
接口定义了系统内部或系统与外部系统之间交互的规则和标准。协议是实现这些接口的具体技术手段,如 HTTP、REST、SOAP 等。
6. 数据流和处理
数据流描述了数据在系统中的移动路径,包括数据如何被创建、存储、处理和消费。处理通常指系统中对数据执行的操作,如转换、分析或决策。
7. 符号和注释
为了提高可读性和理解性,架构图通常包含各种符号和注释。这些可以是颜色编码、图例、说明文本或标签,用于提供额外的信息和上下文。
8. 安全和治理元素
安全元素如防火墙、认证机制和加密措施是保护系统不受威胁的重要组成部分。治理元素如策略、标准和合规性要求也应该在架构图中体现。
9. 非功能性需求
这些需求描述了系统的性能、可靠性、可维护性和可伸缩性等属性。虽然它们可能不直接反映在架构图中,但它们对系统设计有重要影响。
如何画系统架构图?
可用来绘制架构图的软件有很多,这里推荐使用基于云端、功能强大的绘图软件——boardmix 来画系统架构图。
boardmix,是一款以无限画布作为载体的在线绘图软件,用户可在无限大的画布上自由添加或绘制想要的图形,包括但不限于:系统架构图、逻辑架构图、物理架构图、部署架构图、数据架构图、应用架构图、网络架构图、UML、技术路线图、流程图、甘特图、思维导图等等,在一款软件中绘制多种常见的可视化图形,真正实现一站式绘图办公!
如何使用 boardmix 画系统架构图?
① 创建一个新的 boardmix 画布
访问 boardmix 首页并登录或注册账号
创建一个新的画布,点击下图的「协同白板」按钮,新建一个 boardmix 文件。
在打开的 boardmix 文件中,点击左侧工具栏的「容器」,在弹出的浮窗,选择一个容器,譬如「画板」,接着在画布上单击,添加画板用来画架构图。
值得一提的是,boardmix 也提供了现成的架构图模板,我们可以复制内置的架构图模板,在模板的基础上修改得到想要的架构图。
点击 boardmix 左侧工具栏顶部的「模板中心」,打开 boardmix 模板库,点击面板左侧的「绘图 &创作」,在右侧就能看到架构图模板,将鼠标指针移动到模板上方,点击「使用」按钮,即可一键复用 boardmix 提供的架构图模板。
② 确定架构图的范围和目的
在开始绘制之前,明确你的系统架构图需要展示哪些内容。例如,你可能需要展示前端、后端、数据库、服务器、网络等组件。
确定架构图的目的,是为了展示整个系统的设计,还是专注于某个特定方面,如安全性或性能。
③ 使用标准符号和图形
boardmix 提供了一系列的预定义形状和符号,你可以使用这些图形来表示不同的组件和关系。
例如,使用矩形来表示服务器、数据库或服务,使用箭头来表示数据流,使用云形状来表示外部服务等。
④ 绘制系统组件
从画布的左侧面板中拖拽形状到画布上,开始绘制你的系统组件。
例如,你可以先绘制 Web 服务器、应用服务器、数据库服务器等。
为每个组件添加标签,清晰地标明它们的名称和功能。
⑤ 表示组件之间的关系
使用箭头或连线来表示组件之间的数据流和依赖关系。
确保箭头的方向正确,以表示数据流动的正确方向。
⑥ 添加细节和说明
对于每个组件,你可以添加文本框来提供更多的细节和说明。
例如,你可以描述组件的技术栈、主要功能、性能指标等。
⑦ 组织和布局
调整组件的位置,使架构图更加清晰和有组织。
保持足够的空间,避免过于拥挤,确保每个组件和连接都易于识别。
⑧ 走查和迭代
完成初步的架构图后,进行走查,确保所有必要的组件和关系都已包含。
根据反馈进行调整和优化,不断完善架构图。
⑨ 保存和分享
保存你的架构图,boardmix 会自动保存你的工作。
点击 boardmix 画布右上角的「分享」按钮,与团队成员分享你的架构图,以便他们提供反馈或进行协作。
软件架构图模板,尽在 boardmix 模板社区
日常办公中,如果有充足的时间,我们可以从零开始画架构图,不过在更多场景下,我们可以优先从 boardmix 模板社区寻找是否有符合需求的架构图模板,基于已有的模板进行修改,节省花费在绘图上的时间~
在浏览器打开 boardmix 模板社区首页,在社区中搜索【架构图】,可以快速筛选出社区中所有的架构图模板:
消费金融系统架构图
支付系统架构图
政务系统管理架构图
美团 AB 股股权架构图及分析
产品质量管理体系架构图
QMS 质量体系架构
产品设计框架
金融科技产业生态架构
智慧工地监控系统架构
敏捷项目管理架构
智慧园区建设架构
三层敏捷能力架构
金融机构管理架构
蚂蚁金服股权架构图
码字不易,如果对你有帮助的话,请别忘了赏个【三连】或是【关注】我哦,关注不迷路,那我们下次再见咯!
版权声明: 本文为 InfoQ 作者【彭宏豪95】的原创文章。
原文链接:【http://xie.infoq.cn/article/a3b53401cde1370e3a9c3539a】。文章转载请联系作者。
评论