架构图是一种用图形化方式展示系统整体结构的图表，通过方块（组件/服务）和箭头（数据流/调用关系）来表达系统的拓扑关系。它帮助团队成员快速理解系统设计，是技术文档、方案评审和新人培训中的重要工具。常见的架构图包括：系统架构图、微服务架构图、网络拓扑图、云架构图等。

1. 明确范围：确定要展示的系统边界和抽象层次。
2. 识别组件：列出所有关键服务、中间件、数据库、外部依赖。
3. 梳理关系：明确组件间的调用方向、数据流向、协议类型。
4. 合理布局：通常从上到下或从左到右排列，入口在上方/左侧，底层存储在下/右侧。
5. 统一配色：同类组件使用相同颜色，如蓝色=服务、绿色=存储、橙色=中间件。
6. 添加标注：在箭头旁标注协议（HTTP/gRPC/MySQL等）使图更有信息量。

虽然没有统一标准，但业界有一些约定俗成的习惯：
🔵 蓝色：应用服务、微服务、计算节点
🟢 绿色：数据库、持久化存储（MySQL、PostgreSQL）
🟠 橙色：中间件、消息队列（Kafka、RabbitMQ）、网关
🔴 红色：缓存（Redis）、需关注的高风险组件
🟣 紫色：配置中心、注册中心等基础设施
⚫ 灰色：外部系统、第三方服务

微服务架构图需要突出服务拆分和通信方式：
① 每个微服务用一个独立方块表示
② 明确标注服务间的通信协议（REST/gRPC/消息队列）
③ 展示API网关作为统一入口
④ 体现服务注册与发现（如Nacos、Consul）
⑤ 标注每个服务独立的数据存储
⑥ 展示监控、日志、链路追踪等可观测性组件

本工具支持SVG矢量导出（可无损缩放，适合嵌入网页和文档）和PNG高清位图导出（2400×1600分辨率，适合PPT和Word）。导出质量足以用于技术方案文档、架构评审会议和团队Wiki。画布尺寸为2400×1600像素，可容纳大型架构图。所有数据在浏览器本地处理，无需上传到服务器，安全可靠。

Delete / Backspace — 删除选中的方块或连线
Esc — 取消连线模式 / 取消选择
L — 切换连线模式
Ctrl+Z — 撤销上一步操作
Ctrl+滚轮 — 缩放画布
双击方块 — 编辑文字
拖拽方块 — 移动位置