点击上方蓝色字体，选择“设为星标”

优质文章，及时送达

作者 |三画

来源 |公众号「阿里巴巴云原生」

在尝试用一幅或几幅图画来展现我们的系统时，我们是否常常遭遇以下状况：

若读者面临相似的迷茫，本文将阐述一种绘图的理论框架，以助于使系统架构图更加直观易懂。

先理清一些基础概念

1. 什么是架构

架构是对系统中各个元素及其相互间联系的一种概括性表述，它涉及一系列关键的抉择。

架构是结构和愿景。

系统架构展现了理念的实质，它涉及对事物或信息的功能性及形态要素间相互关系的安排，同时定义了这些要素间的相互联系以及它们与周围环境间的相互作用。

构建一个完善的结构是一项繁杂的工作，同时也是一个相当广泛的议题，本文将不再对此进行详细探讨。在架构确定之后，必须确保所有相关方都能理解和遵守相应的决策。

2. 什么是架构图

系统架构图旨在以抽象的方式展现软件系统的整体形态、各组件间的互动关系及约束范围，同时全面呈现软件系统的物理布局及其发展演变的整体概览。

3. 架构图的作用

一张图胜过千言万语。为了让所有相关方能够理解和遵守架构决策，我们必须确保架构信息得到有效传达。架构图作为传递这些信息的有效工具，其绘制目的在于：

4. 架构图分类

收集了众多资料，种类繁多，其中一种颇受欢迎的分类方法称为4+1视图，它包括场景视图、逻辑视图、物理视图、处理流程视图以及开发视图。

场景视图主要用来阐述系统参与者与功能用例之间的相互联系，展示了系统的基本需求以及交互设计，一般通过用例图来进行表达。

逻辑视图旨在阐述系统软件在功能分解后各组件间的相互联系，以及组件所受的限制和作用范围，它揭示了系统的整体构成及其构建方式。此类视图通常借助UML（统一建模语言）中的组件图和类图进行展示。

物理视图旨在阐述系统软件与物理硬件之间的对应关系，揭示了系统各个组成部分在一系列可计算节点上的部署情况，并为软件系统的部署与实施提供了指导。

流程视图旨在展示系统软件各组件间的交互顺序，包括数据的进出情况，同时揭示了系统的功能运作与数据流转，一般通过时序图和流程图来呈现。

开发视图旨在阐述系统的模块分布及其构成，并对内部包的组成设计进行深入细化，旨在辅助开发人员，全面展示系统开发的实施过程。

这五种架构视图分别从多个维度展现了软件系统的独特属性，当它们融合在一起时，便构成了系统架构的完整蓝图。

怎样的架构图是好的架构图

这些分类源自前人的经验归纳，图中内容亦源自网络搜集，那么，这些图画的质量如何呢？我们是否应该照搬照抄，去绘制类似的图画呢？

不管这些图质量如何，我们经过对这些图的分类及其用途的思考，得出结论：在绘制一幅优秀的架构图之前，首要任务是确定目标受众，并明确我们想要向他们传达的信息。因此，不应仅仅为了绘制物理视图而绘制物理视图，或为了绘制逻辑视图而绘制逻辑视图，而应根据受众的差异性以及信息传递的需求，通过图表精确地展现出来。最终的图表或许就包含在这些分类之中。评判一幅画作优劣的直接依据之一，在于观者是否能够精确地捕捉到作者意图传达的核心信息。

在充分理解这两点的基础上，从接收者的视角来看，一幅优秀的架构图无需过多说明，其自身应具备清晰的描述性，同时还要确保内在的一致性以及高度的精确度，以便与代码内容相辅相成。

画架构图遇到的常见问题

1. 方框代表什么？

为何选择方框而非圆形，这背后是否蕴含着某种特定的象征意义？若随意选用方框或其他图形，是否有可能导致理解上的困惑？

2. 虚线、实线什么意思？箭头什么意思？颜色什么意思？

随意使用线条或者箭头可能会引起误会。

3. 运行时与编译时冲突？层级冲突？

构建架构是一项繁复的任务，若仅依赖单一图表来展示，往往会导致难以理解的语义混淆。

本文推荐的画图方法

C4模型通过运用容器、组件以及代码等元素来阐述软件系统的静态构成。此类图形绘制相对简便，且已提供绘图关键点，然而，我们认为其最核心的价值在于，它清晰地定义了各类图形的目标读者群体及其内涵。

此案例源自 C4 官方网站，我们在此基础上融入了自己的见解，旨在探讨如何更有效地阐述软件架构。

1. 语境图(  )

这是一款设想中的待开发互联网银行平台，该平台通过接入外部的大型机银行系统进行客户账户和交易数据的处理，并利用外部电邮系统向客户发送邮件。其结构直观、明了，无需过多解释，一目了然。其中不仅涵盖了待构建的系统本身，还包括了系统的用户群体，以及与该系统进行交互的其他外围系统。

用途

这张图示简洁明了，它揭示了我们所要构建的系统性质；指明了系统的使用者群体，以及他们如何使用它，以及它如何与现有的信息技术架构相融合。该图适用于开发团队的成员，无论是内部的技术专家还是外部的非技术人员。换言之：

怎么画

系统核心部分由自身构成，四周环绕着用户以及与之相互影响的各类系统。此图的核心在于理清即将构建系统的用户群体及其高层级的依赖关系，一旦梳理完毕，绘制出来仅需短短几分钟。

2. 容器图( )

容器图是把语境图里待建设的系统做了一个展开。

图中所示，除了用户界面及外围系统，待建系统包含一个采用Java和MVC模式的Web应用程序，该程序作为功能接入点；一个基于Java架构的手机应用程序，作为移动端功能接入；一个Java API应用程序，负责提供服务；以及一个MySQL数据库，用于数据存储。各应用间的交互关系，已在图中箭头处明确标注。

观察这幅图像时，人们往往不会注意到其中的直角或圆角方框区别，亦不会留意箭头是实线还是虚线，甚至箭头的具体指向也并未引起过多的关注。

我们拥有众多绘画技法，每种方法都对框与线的意义进行了阐释。这就要求绘图者与观图者都能准确把握这些定义，以便充分解读图中的信息。然而，现实中这往往是一项极高的挑战，因此，众多图形只能被粗略地理解其大致含义。

用途

该图表适用于团队内部及外部的软件开发者，亦适用于运维团队。其应用范围包括但不限于：

怎么画

以图表形式展现，其内可包含项目名称、技术选型、角色分工，同时需体现这些图表单元间的相互联系，若涉及外部系统，还需清晰界定其边界。

3. 组件图( )

组件图是把某个容器进行展开，描述其内部的模块。

用途

该图表主要面向内部开发团队，旨在指导他们进行代码的整理与构建工作。其具体用途包括：

4. 类图(Code/Class )

这个图很显然是给技术人员看的，比较常见，就不详细介绍了。

# 点击上方蓝色字体设星标  # 用画图方法论让架构图更清晰  # 架构图  # 一幅  # 图中  # 软件系统  # 什么意思  # 应用程序  # 都能  # 适用于  # 揭示了  # 此类  # 技术人员  # 是一项  # 自己的  # 这是  # 互联网  # 大型机  # 多个  # 有可能  # 就不  # 基础上  # 绍兴网站建设哪家最好  # 辽宁网站建设策划价格  # 仙桃电商网站推广价格表  # 如何自己优化网站推广  # 石林商业营销推广哪家好  # 网站群系统排名优化软件  # 永州微网站建设品牌  # 下沙企业网站建设推广  # 全国网站建设案例  # 四川自助seo建站  # 西安二级目录seo  # 衡水网站推广代理  # 42类设计网站建设  # 沈阳个人网站建设价钱  # 异常电影网站建设  # 曲靖网站优化报价  # 宝山爱采购关键词排名  # 临清seo虾哥网络  # 亚马逊seo 推广  # 白沙推广互联网营销 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 广州百度推广户是什么？,网络公司如何推广网站  福建百度推广运营适合什么公司？,蚌埠市建设学校网站  西樵SEO优化服务,助力企业网站在搜索引擎中脱颖而出,青岛优化师助理招聘网站  SEO获取流量的必杀技：如何通过优化轻松提升网站排名,德州全网营销推广价格  湖南SEO外包公司助力企业高效提升搜索引擎排名,鹤岗seo公司找9火星  SEO项目分析,步骤与执行的艺术,兖州市网站优化  江门网络SEO推广机构,助力企业抢占网络市场制高点,vue 路由 seo  SEO更好，让你的网站从此脱颖而出,渝中的知名网站建设  广州百度推广投诉找谁？,机械行业抖音推广营销  佛山市公司SEO优化平台,助力企业在线营销新篇章,京东网站优化设计  广州百度推广费用表详解，助力企业营销突破,临汾网站推广品牌有哪些  介绍桂林SEO服务商,如何助力企业实现网络营销新突破,如何对网站做优化  探索火星旅游的奥秘与可能性,钓鱼活动文案网站推广  广州百度推广与微信营销的结合，开启数字营销新篇章,抖音给其他网站做推广  SEO大神如何在激烈的互联网竞争中脱颖而出？,网页设计和网站建设试题  SEO学费多少钱？揭秘SEO培训的投资价值与回报！,郴州网站推广多少钱一个  探索未知，我的成长之旅与自媒体营销的融合,seo中标题写法  广州百度推广太贵了？中小企业如何应对？,营销推广文案宣传语大全  SEO获客的秘诀：如何通过搜索引擎优化提升客户获取能力,厦门seo搜索优化排名  阜康外贸SEO优化推广,助力企业打开国际市场新局面,seo站外优化流程  介绍燕郊SEO服务公司,助力企业腾飞的秘密武器,网站的优化策略怎么写  介绍云南SEO黑帽教程,如何避免被搜索引擎惩罚,抖音电击器seo  合肥SEO技术,助力企业提升网络曝光度，抢占市场先机,淮安网站seo优化服务  SEO火爆公开课,介绍搜索引擎优化之路，助力网站流量翻倍！,鹤岗seo公司优选火星  建瓯SEO排名,介绍提升网站流量与品牌影响力的方法,上海优化seo平台  常德SEO优化，如何让您的网站在搜索引擎中脱颖而出,简述网站建设费用明细  SEO好吗？助力网站成功的关键之道,网站优化方案范文怎么写  潍坊SEO优化,从关键词布局到搜索引擎排名提升之路,网站一定要花钱找人优化  SEO有意：如何通过优化策略提升网站排名与流量,天津政府智慧网站建设  营造清朗网络环境需全社会共参与，强化法治保障守护精神家园   SEO目的：如何通过精准优化提高网站流量与转化率,百度推广网站关键词  介绍美国站SEO自动外链步骤,打造高效流量入口,joo yeon seo中文  探索未知，如何利用自媒体营销开启你的品牌新篇章,亳州网站关键词排名优化  SEO诊断报告|视频|介绍,介绍网站优化之路,霸州优化seo  广州百度推广佣金到账时间及优化建议,fb营销推广怎么做的呢  凉山SEO优化报价介绍,专业服务助力企业互联网营销,shopify seo 案例  探索SEO优化设计的奥秘，提升企业网站在搜索引擎中的排名,seo 搜索技巧  黄冈谷歌SEO营销,助力企业互联网品牌崛起的方法,汕头seo公司推荐23火星  福建百度推广运营公司简介及概况,枣阳公司建设网站  广州百度推广现状分析与未来展望,濮阳网站建设商城官网  探索数字时代的自媒体营销秘籍,网站优化目标客户  SEO优化：提升网站流量的终极指南,揭阳网站快速推广  揭秘无锡SEO培训机构的神奇之处，让数字营销之路更顺畅,合肥网站优化推广  手机如何进入抖音网页版？入口位置及|直播|开启方法介绍   福建百度推广的费用高吗？多少钱？,网站建设创意方法  SEO任何：如何通过精准优化让网站流量突破极限,太原网站建设培训班  SEO文案：如何通过巧妙布局提升网站排名，吸引更多流量,娄底网站建设工作文案  抖音人气爆棚捧红众多网红，想走红容易却也难？且看这位   广州百度推广渠道有哪些？,酷开网络推广营销  福建百度推广预算，一天需要多少？,房产资源推广网站