如何畫架構圖 - 軟件設計架構師必學的一門課
前言：是時候乾點正事了，架構圖在做架構設計的時候尤爲重要，有了架構圖，很多時候你能給別人講清楚一些技術上的事情。
- 常見架構圖的分類
- 常見架構圖的畫法
2.1 業務架構
定義：描述系統對用戶提供了什麼業務功能，類似於 4+1 視圖的場景視圖。
技巧：通過不同的顏色來標識業務狀態；業務分組管理。
示例：
2.2 客戶端架構、前端架構
定義：客戶端和前端的領域邏輯架構，類似於 4+1 視圖的邏輯視圖。
技巧：通過不同顏色來標識不同角色；通過連接線來表示關係。
示例：
2.3 系統架構
定義：後端的邏輯架構，又叫 “後端架構”、“技術架構”。
技巧：通過不同顏色來標識不同角色；通過連接線來表示關係。
示例：
2.4 應用架構
定義：描述後端系統由哪些應用組成。
技巧：通過不同顏色來標識不同角色；通過連接線來表示關係。
示例：
2.5 部署架構
定義：描述後端系統具體如何部署的，對應 4+1 視圖的物理視圖。
技巧：用圖標代替區塊。
示例：
- 系統序列圖
系統序列圖用 UML 序列圖來畫，核心功能需要畫序列圖。
示例：
- 架構決策的依據
排序規則：1. 可用性；2. 可維護性；3 人力成本。
- 畫架構圖的常用工具
5.1 線上工具用的最多的是：https://www.processon.com/ ，這個工具很好用，就是免費版裏面保存的圖有限，付費才能保存更多的圖。
5.2 線下工具：xmind 思維導圖來理清邏輯，visio 有時候會用來畫流程圖，有時候也會用 ppt 來畫架構圖。
5.3 ai 工具：利用 ai 生成 mermaid 代碼，再找一個在線網站，基於這個代碼可以快速生圖，也是一種方式。
以上內容，部分摘自李雲華老師極客時間課程《如何從架構圖開始讓架構設計平滑落地》訓練營課程，如有侵權，聯繫刪除。
致敬未來，致敬每一個努力的自己！
本文由 Readfog 進行 AMP 轉碼，版權歸原作者所有。
來源：https://mp.weixin.qq.com/s/QUw2zIKYN-suhYou7Ykh7w