从全连接层到Transformer FFN：3种网络结构图的演进与绘制要点

在深度学习的发展历程中，全连接层（Fully Connected Layer）作为最基础的神经网络组件，经历了从单一结构到复杂架构核心模块的演变。本文将带您深入解析基础全连接网络、CNN末端全连接层以及Transformer中前馈网络（FFN）这三种结构的异同点，并分享针对不同结构的绘图技巧与参数规模对比。

1. 全连接网络的基础结构与绘图要点

全连接神经网络（FCN）是深度学习中最直观的拓扑结构，其核心特征是相邻层的每个神经元都相互连接。这种"全互联"特性带来强大的表达能力，但也伴随着参数爆炸的问题。

典型的三层FCN结构图绘制要点：

• 节点排列：输入层、隐藏层、输出层应垂直或水平对齐，层间距离保持一致
• 连接线表示：
  • 早期学术论文常用实线表示所有连接
  • 现代图示通常采用"束线"表示法（一组平行线合并为粗线带）
• 维度标注：在每层右侧标注神经元数量（如[784]）
• 激活函数标注：在隐藏层连接线上方标注ReLU或Sigmoid等函数

# 典型的三层FCN PyTorch实现 import torch.nn as nn class FCN(nn.Module): def __init__(self, input_dim=784, hidden_dim=512, output_dim=10): super().__init__() self.fc1 = nn.Linear(input_dim, hidden_dim) # 全连接层1 self.relu = nn.ReLU() self.fc2 = nn.Linear(hidden_dim, output_dim) # 全连接层2 def forward(self, x): x = x.view(x.size(0), -1) # 展平输入 x = self.fc1(x) x = self.relu(x) return self.fc2(x)

提示：绘制FCN结构图时，当神经元数量超过20个，建议使用"块状表示法"——用矩形块代替单个神经元节点，内部标注维度大小。

2. CNN中的全连接层：空间压缩与参数优化

卷积神经网络末端的全连接层承担着从特征映射到分类结果的转换任务，其结构图示需要突出空间维度的压缩过程。

CNN-FC层绘图关键差异点：

表：传统全连接层与CNN末端全连接层的对比

绘制技巧：

1. 在卷积层和全连接层之间添加展平操作图示
2. 使用不同颜色区分卷积核（蓝色）和全连接权重（橙色）
3. 对大型网络（如VGG），可采用"渐进式压缩"的绘制方式：
   • 第一FC层：[7×7×512] → [4096]
   • 第二FC层：[4096] → [4096]
   • 输出层：[4096] → [1000]

# CNN中典型的三层FC结构示例 self.classifier = nn.Sequential( nn.Linear(512*7*7, 4096), # 展平后的第一全连接层 nn.ReLU(inplace=True), nn.Dropout(p=0.5), nn.Linear(4096, 4096), nn.ReLU(inplace=True), nn.Dropout(p=0.5), nn.Linear(4096, num_classes) )

3. Transformer中的FFN：全连接层的新形态

Transformer中的前馈网络（FFN）本质上是两级全连接层+激活函数的组合，但其在模型中的角色和传统FCN有显著差异。

FFN结构特点：

• 双线性变换：典型结构为扩维→收缩（如[512]→[2048]→[512]）
• 参数规模：占Transformer总参数的30-40%
• 位置编码：需在图中标注残差连接和LayerNorm的位置

FFN结构图绘制规范：

1. 使用横向排列展示数据流动方向
2. 明确标注维度变化：d_model → d_ff → d_model
3. 添加GELU激活函数符号（比ReLU更常见于Transformer）
4. 用虚线框突出FFN模块在Transformer整体结构中的位置

# Transformer FFN的典型实现 class FeedForward(nn.Module): def __init__(self, d_model=512, d_ff=2048, dropout=0.1): super().__init__() self.linear1 = nn.Linear(d_model, d_ff) self.linear2 = nn.Linear(d_ff, d_model) self.dropout = nn.Dropout(dropout) def forward(self, x): return self.linear2(self.dropout(F.gelu(self.linear1(x))))

4. 三种结构的参数规模对比与绘图工具选择

不同架构中全连接层的参数数量级存在巨大差异，这直接影响着结构图的绘制策略：

参数规模对比表：

表：三种架构中全连接层的参数对比

推荐绘图工具及适用场景：

1. Visio：

   • 优点：精准控制每个元素
   • 缺点：绘制大型网络效率低
   • 适用：论文插图、技术文档

2. Draw.io（免费在线工具）：

   • 优点：丰富的神经网络模板
   • 缺点：自定义样式有限
   • 适用：快速原型设计

3. Python可视化库（Matplotlib/Plotly）：

   import matplotlib.pyplot as plt def draw_neuron(ax, x, y, text, size=0.2): circle = plt.Circle((x, y), size, fill=True, color='skyblue') ax.add_patch(circle) ax.text(x, y, text, ha='center', va='center', fontsize=8) fig, ax = plt.subplots(figsize=(6,4)) draw_neuron(ax, 1, 1, 'x1') draw_neuron(ax, 1, 2, 'x2') draw_neuron(ax, 2, 1.5, 'h1') plt.plot([1,2], [1,1.5], 'gray', alpha=0.3) plt.plot([1,2], [2,1.5], 'gray', alpha=0.3) plt.axis('off') plt.show()

在实际项目中，根据目标受众选择适当的抽象级别——教学材料适合展示详细连接，而系统架构图更适合模块化表示。无论哪种形式，保持一致的视觉语言和清晰的维度标注都是专业图示的关键。