毕业论文排版（7）：使用Draw.io快速绘制流程图与AI辅助美化

我又回来啦！连续肝了三个月的博士毕业论文，内容写完了临终了还有个格式排版，一百八十页、十一万字的word文档。为了帮大家少走弯路，我总结了如何轻松地在两个半小时之内完成排版，大家快来瞧瞧~

Draw.io与AI辅助绘图

在毕业论文中，流程图、架构图是不可或缺的内容。一个清晰美观的流程图不仅能让论文增色不少，还能帮助读者更好地理解研究内容。本章将介绍如何使用Draw.io（现在也叫diagrams.net）快速绘制流程图，以及如何利用AI辅助生成和美化图形。

Draw.io简介

Draw.io是一款免费开源的在线绘图工具，无需安装，直接在浏览器中即可使用。它支持：

• 流程图
• 时序图
• 类图
• 网络拓扑图
• 组织结构图
• 等等

访问地址：https://app.diagrams.net/

基础操作：绘制简单流程图

创建新文件

1. 打开 https://app.diagrams.net/
2. 选择”创建新绘图”
3. 选择存储位置（建议选择本地设备，保存为XML格式）
4. 选择空白模板或基础流程图模板
   

添加图形

1. 从左侧形状面板拖拽图形到画布
2. 常用的流程图图形包括：
   • 矩形：表示处理/操作
   • 菱形：表示判断/决策
   • 圆角矩形：表示开始/结束
   • 平行四边形：表示输入/输出
   • 箭头：表示流程方向

连接图形

1. 点击图形边缘的箭头图标
2. 拖拽到另一个图形上
3. 自动生成连接线

添加文字

1. 双击图形内部
2. 直接输入文字
3. 可以使用快捷键调整字体

AI辅助绘制流程图

现在有了AI的帮助，我们可以让AI帮我们生成流程图代码，然后导入到Draw.io中。

方法一：使用Mermaid语法生成

Mermaid是一种用文本描述图表的语言，很多AI都支持生成Mermaid代码：

1. 向AI描述你的流程图需求，例如：

   请帮我生成一个数据处理流程图，包括数据采集、数据清洗、数据分析、数据可视化四个步骤。

2. AI会返回Mermaid代码：

graph TD
    A[数据采集] --> B[数据清洗]
    B --> C[数据分析]
    C --> D[数据可视化]

1. 在Draw.io中，点击排列 -> 插入 -> Mermaid
2. 粘贴Mermaid代码，点击Insert

方法二：使用PlantUML

类似地，也可以使用PlantUML：

@startuml
start
:数据采集;
:数据清洗;
:数据分析;
:数据可视化;
stop
@enduml

方法三：直接生成Draw.io XML

更强的方法是让AI直接生成Draw.io可以导入的XML格式：

1. 向AI描述需求
2. 请求生成Draw.io的mxGraph XML格式
3. 复制AI生成的XML代码
4. 在Draw.io中点击 文件 -> 导入 -> 从文本导入
5. 粘贴XML代码

AI美化提示词

让流程图看起来专业美观是很多同学头疼的问题。以下是一些经过实践验证的AI美化提示词：

提示词1：学术风格流程图

请帮我设计一个学术风格的流程图，用drawio代码输出，要求：
1. 配色方案使用蓝、灰、白的学术配色
2. 线条使用细直线，带箭头
3. 图形使用圆角矩形，带淡蓝色填充
4. 字体使用Arial或Helvetica
5. 整体风格简洁、专业、适合论文发表

提示词2：技术架构图

请帮我设计一个技术架构图，要求：
1. 使用分层架构设计
2. 顶层是应用层，中间是服务层，底层是数据层
3. 每层使用不同颜色的矩形表示
4. 层与层之间使用虚线箭头连接
5. 添加图例说明

提示词3：详细的Draw.io XML生成提示词

请生成一个可以直接导入Draw.io的mxGraph XML格式的流程图。
要求包含以下元素：
1. 至少5个流程节点，使用圆角矩形
2. 节点之间用箭头连接
3. 包含一个判断节点（菱形）
4. 使用浅蓝色填充（#E3F2FD）
5. 深蓝色边框（#1976D2）
6. 黑色文字
7. 请生成完整的XML代码，可以直接复制到Draw.io中导入

手动美化技巧

如果AI生成的不够满意，也可以手动调整：

调整颜色

1. 选中图形
2. 在右侧属性面板中点击填充颜色
3. 选择合适的颜色

调整阴影

1. 选中图形
2. 在样式面板中找到阴影
3. 设置阴影颜色、偏移量、模糊度

对齐与分布

1. 选中多个图形
2. 点击排列 -> 对齐 -> 选择对齐方式

导出与使用

导出为图片

1. 文件 -> 导出 as -> PNG（或SVG）
2. 设置分辨率（建议300 DPI用于打印）
3. 选择透明背景或白色背景
4. 点击导出

导出SVG（推荐）

SVG是矢量格式，在论文中放大不会失真：

1. 文件 -> 导出 as -> SVG
2. 取消选择”选择”
3. 设置适当的尺寸
4. 导出后可以插入Word中

插入Word

1. 在Word中点击插入 -> 图片 -> 来自文件
2. 选择导出的PNG或SVG文件
3. 调整大小和位置

一些小tips

1. 快捷键汇总：

   • Ctrl + G：组合图形
   • Ctrl + Shift + G：取消组合
   • Ctrl + [：下移一层
   • Ctrl + ]：上移一层
   • Ctrl + Shift + C/V：复制/粘贴样式
   • Delete：删除
   • Ctrl + Z：撤销
   • Ctrl + Y：重做
     

2. 常用配色方案：

   • 学术蓝：#1976D2（边框）、#E3F2FD（填充）
   • 警示黄：#F57C00（边框）、#FFF3E0（填充）
   • 成功绿：#388E3C（边框）、#E8F5E9（填充）
   • 错误红：#D32F2F（边框）、#FFEBEE（填充）

3. 使用模板：Draw.io提供了很多预设模板，可以大大加快绘图速度
   

4. 保持风格统一：建议在绘图前先设计好配色方案，全文保持一致

5. AI辅助迭代：可以多次与AI交互，逐步完善流程图：

   • 第一轮：生成基础结构
   • 第二轮：调整布局
   • 第三轮：优化配色
   • 第四轮：添加细节

强烈建议导出为SVG格式，矢量图在打印时更加清晰，而且可以在AI中进一步编辑。

各位小伙伴如果使用过程中有问题，欢迎大家留言讨论！😊