跳到主要内容
版本:2025年夏季她行活动

学习绘制 Mermaid 图表和 Draw.io 图表来丰富你的论文、文档与 PPT

课程简介

在数字化时代,优秀的图表是传达复杂信息的关键。本课程将教您掌握两种强大的图表工具——Mermaid 和 Draw.io,并学会使用 AI 辅助快速创建专业图表,让您的学术论文、技术文档和商务演示更加出色。

课程视频

学习目标

完成本课程后,您将能够:

  • 代码化图表:使用 Mermaid 语法快速生成流程图、时序图、甘特图等各类图表
  • 专业设计:运用 Draw.io 创建复杂的架构图、网络拓扑图和业务流程图
  • AI 增强:利用 Gemini CLI 自动生成和优化图表,提升创作效率
  • 场景应用:掌握图表在论文、文档、PPT 等不同场景的最佳实践

为什么要学习专业图表制作

  • 提升信息传达效率:一图胜千言,优秀的图表能让复杂概念一目了然,大幅提升沟通效率。
  • 学术研究必备技能:高质量的图表是学术论文的重要组成部分,直接影响论文的专业度和接受率。
  • 职场竞争力加分:能够快速制作专业图表的能力,是技术人员和管理者的核心竞争力之一。
  • AI 时代新技能:结合 AI 工具进行图表创作,让您站在技术前沿,工作效率倍增。

课程内容结构

本课程分为以下几个模块:

Mermaid 基础

  • 环境配置与快速入门
  • 流程图、时序图基础语法
  • 实时预览与导出

开始学习

Mermaid 高级

  • 甘特图、类图、状态图
  • Git 图、用户旅程图
  • 样式定制与主题

深入学习

Draw.io 专业设计

  • 界面操作与工具使用
  • 架构图、网络图绘制
  • 模板库与样式定制

开始设计

场景应用

  • 学术论文图表规范
  • 技术文档最佳实践
  • PPT 演示优化技巧

查看指南

AI 辅助创作

  • 自然语言生成图表
  • 图表优化与批量生成
  • Gemini CLI 实战技巧

探索 AI

实战项目

  • 学术论文图表套件
  • 系统架构文档
  • 商业计划书图表

开始实战

所需工具

必备工具

  • 浏览器(Chrome/Firefox/Edge)
  • 文本编辑器(VS Code 推荐)
  • Gemini CLI(AI 辅助)

在线工具

可选工具

  • Draw.io 桌面版
  • Node.js(本地开发)
  • 各种 IDE 插件

学习路径建议

推荐学习顺序
  1. 初学者路径:Mermaid 基础 → Draw.io 基础 → 场景应用 → 实战项目
  2. 快速上手路径:AI 辅助创作 → Mermaid 基础 → 实战项目
  3. 专业深化路径:完整按顺序学习所有模块,并完成所有实战项目

学习资源

官方文档

设计资源

社区支持

开始学习

准备好提升您的图表制作技能了吗?让我们从 Mermaid 基础开始,踏上专业图表创作之旅。

开始学习 Mermaid 基础