# 业务架构图绘制规范

> 版本：v1.0  
> 创建日期：2026-03-10  
> 适用场景：业务系统架构设计、技术方案文档、项目汇报

---

## 一、层级结构

**标准分层（从上到下）：**

```
┌─────────────────────────────────┐
│       用户层 / 渠道层            │  ← 用户触达渠道
├─────────────────────────────────┤
│       业务应用层                 │  ← 核心业务系统
├─────────────────────────────────┤
│       服务层 / 中台层            │  ← 共享服务能力
├─────────────────────────────────┤
│       数据层                     │  ← 数据存储与处理
├─────────────────────────────────┤
│       基础设施层                 │  ← 云/服务器/网络
└─────────────────────────────────┘
```

**各层说明：**

| 层级 | 职责 | 典型组件 |
|------|------|----------|
| 用户层 | 用户触达渠道 | Web、App、小程序、H5、第三方平台 |
| 业务应用层 | 核心业务逻辑 | 订单系统、用户中心、支付系统 |
| 服务层 | 共享服务能力 | 用户中台、数据中台、业务中台 |
| 数据层 | 数据存储与处理 | MySQL、Redis、ES、数据仓库 |
| 基础设施层 | 底层支撑 | 云服务器、容器、CDN、负载均衡 |

---

## 二、图形元素规范

| 元素 | 形状 | 用途 | 示例 |
|------|------|------|------|
| 系统/模块 | 矩形 | 主要业务系统 | 订单中心、用户中心 |
| 数据库 | 圆柱体 | 数据存储 | MySQL、MongoDB |
| 用户/角色 | 小人图标 | 外部参与者 | 管理员、普通用户 |
| API/接口 | 圆形或圆角矩形 | 服务接口 | REST API、GraphQL |
| 消息队列 | 平行四边形 | 异步通信 | Kafka、RabbitMQ |
| 外部系统 | 虚线矩形 | 第三方系统 | 支付网关、短信服务 |
| 缓存 | 平行四边形 | 缓存层 | Redis、Memcached |
| 文件存储 | 文档图标 | 文件服务 | OSS、S3 |

---

## 三、连线规范

| 线型 | 含义 | 使用场景 | 标注方式 |
|------|------|----------|----------|
| **实线箭头** → | 直接调用/数据流 | 同步请求、RPC 调用 | 可标注接口名 |
| **虚线箭头** ⇢ | 异步消息/事件 | 消息队列、事件驱动 | 可标注事件名 |
| **双向箭头** ↔ | 双向通信 | 数据同步、双向 API | 可标注协议 |
| **虚线框** ┈┈ | 逻辑分组/边界 | 微服务边界、部门边界 | 可标注区域名 |
| **粗实线** ━━ | 重要依赖 | 核心链路、关键依赖 | 突出显示 |

**连线原则：**
- 箭头方向表示数据流或调用方向
- 避免连线交叉，必要时使用路由折线
- 关键链路可用颜色或粗细强调

---

## 四、颜色规范

**推荐配色（保持简洁专业）：**

| 色系 | 用途 | 色值示例 |
|------|------|----------|
| 🔵 **蓝色系** | 核心业务系统 | #1890FF, #096DD9 |
| 🟢 **绿色系** | 数据层/存储 | #52C41A, #389E0D |
| 🟠 **橙色系** | 外部系统/第三方 | #FA8C16, #D46B08 |
| 🟣 **紫色系** | 中台/共享服务 | #722ED1, #531DAB |
| 🔴 **红色系** | 告警/重点标注 | #F5222D, #A8071A |
| ⚪ **灰白色** | 基础设施/背景 | #F5F5F5, #D9D9D9 |

**配色原则：**
- 同类型系统用同色系
- 深浅区分重要性（核心系统用深色）
- 全图颜色不超过 5 种主色
- 避免使用过于鲜艳的颜色

---

## 五、布局原则

### 5.1 整体布局

1. **流向清晰** - 从上到下或从左到右，符合阅读习惯
2. **层次分明** - 重要系统居中，层级不要超过 5 层
3. **留白适当** - 元素间距一致（建议 20-40px）
4. **分组合理** - 相关系统靠近，用虚线框标注边界

### 5.2 对齐规范

- 同层级元素顶部对齐
- 相关模块左右对齐
- 连线保持水平或垂直，避免斜线
- 文字居中对齐

### 5.3 尺寸规范

- 主系统模块：160×80px 或 200×100px
- 子系统模块：120×60px
- 数据库图标：80×80px
- 字体大小：标题 14-16px，内容 12px

---

## 六、标注规范

### 6.1 命名规范

- **系统名称** - 简洁明了（如"订单中心"而非"订单管理系统"）
- **模块名称** - 统一风格（动词 + 名词 或 名词 + 中心）
- **接口说明** - 在连线上标注关键接口名（可选）

### 6.2 图例说明

复杂图需在右下角或空白处添加图例：

```
┌─────────────┐
│    图例     │
├─────────────┤
│ □ 业务系统  │
│ ▤ 数据存储  │
│ ○ API 接口  │
│ → 调用关系  │
└─────────────┘
```

### 6.3 版本信息

右下角标注：
- 版本号：v1.0
- 日期：2026-03-10
- 作者/团队（可选）

---

## 七、工具推荐

### 7.1 在线工具

| 工具 | 特点 | 地址 |
|------|------|------|
| **draw.io** | 免费开源，功能强大 | http://124.221.140.157:8080 |
| ProcessOn | 中文友好，模板丰富 | https://processon.com |
| Lucidchart | 专业级，协作方便 | https://lucidchart.com |
| Excalidraw | 手绘风格，轻量 | https://excalidraw.com |

### 7.2 本地工具

| 工具 | 平台 | 特点 |
|------|------|------|
| Visio | Windows | 传统企业标准 |
| OmniGraffle | Mac | 专业美观 |
| PlantUML | 跨平台 | 代码生成，版本可控 |
| Mermaid | 跨平台 | Markdown 集成 |

### 7.3 代码生成工具

**Mermaid 示例：**

```mermaid
graph TB
    A[用户层] --> B[业务应用层]
    B --> C[服务层]
    C --> D[数据层]
    D --> E[基础设施层]
```

---

## 八、常见错误避免

| ❌ 错误 | ✅ 正确做法 |
|--------|------------|
| 连线交叉混乱 | 使用路由折线，保持整洁 |
| 层级过多 (>7 层) | 合并相似层级，保持 3-5 层 |
| 颜色过于花哨 | 限制在 5 种主色内 |
| 文字过多，变成文档 | 只写关键词，详情另附文档 |
| 缺少图例说明 | 复杂图必须添加图例 |
| 箭头方向不一致 | 统一流向（从上到下或从左到右） |
| 模块大小不一 | 同层级模块保持统一尺寸 |
| 缺少版本信息 | 标注版本号和日期 |

---

## 九、模板示例

### 9.1 电商系统架构图

```
┌─────────────────────────────────────────────────────┐
│                    用户层                            │
│  Web 端  │  App 端  │  小程序  │  第三方平台          │
└─────────────────────────────────────────────────────┘
                          ↓
┌─────────────────────────────────────────────────────┐
│                  业务应用层                          │
│  商品中心  │  订单中心  │  支付中心  │  用户中心      │
└─────────────────────────────────────────────────────┘
                          ↓
┌─────────────────────────────────────────────────────┐
│                   服务层/中台                        │
│     用户中台    │    数据中台    │    业务中台       │
└─────────────────────────────────────────────────────┘
                          ↓
┌─────────────────────────────────────────────────────┐
│                    数据层                            │
│   MySQL   │   Redis   │    ES    │   MongoDB        │
└─────────────────────────────────────────────────────┘
                          ↓
┌─────────────────────────────────────────────────────┐
│                  基础设施层                          │
│   云服务器   │   容器平台   │   CDN   │   负载均衡    │
└─────────────────────────────────────────────────────┘
```

---

## 十、评审检查清单

在架构图完成后，对照以下清单检查：

- [ ] 层级结构是否清晰（3-5 层）
- [ ] 连线是否有交叉混乱
- [ ] 颜色是否统一（不超过 5 种主色）
- [ ] 所有模块是否有清晰命名
- [ ] 是否添加了图例说明
- [ ] 是否标注了版本号和日期
- [ ] 箭头方向是否一致
- [ ] 同层级模块尺寸是否统一
- [ ] 关键链路是否突出显示
- [ ] 是否避免了过多文字描述

---

## 附录：快速参考卡片

```
┌──────────────────────────────────────────┐
│         业务架构图快速参考                │
├──────────────────────────────────────────┤
│ 层级：用户→应用→服务→数据→基础设施        │
│ 形状：矩形=系统，圆柱=数据库，虚线=外部   │
│ 连线：实线=同步，虚线=异步，双向=交互     │
│ 颜色：蓝=核心，绿=数据，橙=外部，紫=中台  │
│ 布局：从上到下，同层对齐，间距一致        │
│ 标注：简洁命名，添加图例，标注版本        │
└──────────────────────────────────────────┘
```

---

**文档维护：** 本规范由技术团队维护，如有优化建议请提交更新。