This commit is contained in:
2026-02-28 16:21:06 +08:00
parent f9692850c1
commit 39e224e0de
16 changed files with 1985 additions and 0 deletions

View File

@@ -0,0 +1,51 @@
这张图片展示的是一张标准的 **系统功能结构图Function Structure Diagram****层级图Hierarchy Chart**
为了让你或他人能够绘制出完全相同风格和结构的图表(仅替换内容),请遵循以下**视觉与结构规范**
### 1. 整体布局逻辑:自上而下的树状层级
图表采用严格的 **“顶 - 下”垂直层级布局**,呈现出一种从总标题到具体功能模块的分解结构。
- **顶层Level 0**:唯一的**总标题**区域。
- **根节点层Level 1**:系统的**核心角色或入口**,位于标题正下方。
- **一级功能层Level 2****主要功能模块**,呈水平横向排列。
- **二级功能层Level 3****细分功能模块**,呈垂直纵向排列,悬挂在对应的一级功能下方。
### 2. 元素样式规范
- **节点形状**
- 图中所有的功能节点(除了最顶部的标题框略扁外)均使用 **竖向的长方形**(高大于宽,宽高比约为 1:2 或 1:2.5)。
- 所有矩形框均为白色填充,黑色细实线边框。
- **标题框**
- 位于画布最顶端中央,是一个横向的长方形,作为整个图表的总标题。
### 3. 连接线与关系规范(关键结构)
- **线条类型**:所有连接线均为 **黑色细实线**
- **走向与风格**
- 采用 **正交连线(直角折线)** 风格。线条只包含水平线和垂直线,没有斜线。
- **无箭头**:线条两端均无箭头,仅表示层级归属关系。
- **连接逻辑**
- **顶层连接**从根节点Level 1的上边缘中心引出一条垂直线连接到总标题框的下边缘中心。
- **一级分发**从根节点Level 1的下边缘中心引出一条垂直短线然后分叉出一条长水平线。从这条长水平线上向下引出多条垂直短线分别连接到一级功能层Level 2每个矩形的上边缘中心。
- **二级分发**对于有子功能的一级节点从其下边缘中心引出一条垂直短线分叉出一条短水平线再向下引出垂直线连接到二级功能层Level 3的矩形上边缘。
### 4. 层级分布细节(结构模板)
为了完美复刻结构,请注意以下分支逻辑(假设一级功能有 N 个):
- **部分节点无子级**:并非所有一级功能下方都有二级功能。结构中应保留部分“叶子节点”(即一级功能下不连接任何矩形)。
- **一对多关系**
- 部分一级功能下方连接 **2个** 二级功能矩形(并排排列)。
- 部分一级功能下方连接 **3个** 二级功能矩形(并排排列)。
- **对齐方式**
- 一级功能层的矩形顶部对齐,底部对齐,间距均匀。
- 二级功能层的矩形在各自的父节点下方居中对齐。
### 5. 绘图执行建议
1. **字体**:文字在矩形框内 **垂直书写**(从上到下)或 **横向书写**(根据框的长宽比,此图中文字是竖向排列的,即从上往下读)。*修正观察:仔细看图,文字是竖向排列的,例如“注册登录”是竖着写的。* -> **重要修正:矩形框内的文字方向为竖排(从上到下)。**
2. **颜色**:全黑白,无背景色。
3. **间距**:一级功能模块之间的水平间距应保持一致;二级功能模块组之间的水平间距应与一级模块对应。
按照以上规范绘制,你将得到一张结构清晰、专业的系统功能模块图模板。