51 lines
3.5 KiB
Markdown
51 lines
3.5 KiB
Markdown
这张图片展示的是一张标准的 **系统功能结构图(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. **间距**:一级功能模块之间的水平间距应保持一致;二级功能模块组之间的水平间距应与一级模块对应。
|
||
|
||
按照以上规范绘制,你将得到一张结构清晰、专业的系统功能模块图模板。 |