大家好，我是于皮。

说实话，我觉得当一名程序员还是蛮不错的。 日常工作有很多，比如写代码、分析需求、写解决方案等等，但我最喜欢画图：流程图、架构图、交互图、功能模块图、UML类图、部署图、各种可视化图图表等

通过图表的形式，可以更好的展示系统，更清晰的表达自己的想法，方便理解； 还可以练习绘画技巧，真是一物多用。

今天我就分享一下我常用的绘图软件和一些技巧。

常用图片

我通常会画更多的流程图、交互图和架构图，这些通常可以使用免费的在线网页绘图工具Draw.io来完成。

我选择这个绘图工具的主要原因如下：

1. 易于使用

无需登录，直接进入网页，直接使用海量模板创建新项目：

选择模板

然后进入编辑页面，在左侧选择需要的图形，拖动到绘图区域进行编辑，然后在右侧修改样式：

Draw.io 在线绘图

你可以直接搜索你需要的图形，比如服务器，当然你也可以直接粘贴本地或网络图片：

2. 造型美观

Draw.io提供了几种默认主题和预设的图形样式，比如我最喜欢的手绘风格：

当然，图形也可以高度灵活地定制。 如果你熟悉界面开发，甚至可以直接编辑图形的属性值：

属性编辑

3、丰富的出口

绘制的图形可以一键导出为图像、矢量图形、PDF、HTML文档等：

其实这些都不算什么。 我最喜欢的是它可以直接生成在线网页并分享给其他人快速浏览。 它还提供了一个小工具栏，用于缩放、屏幕截图、打印和快速编辑：

在线浏览

此外，绘图可以导出为嵌入式网页！ 这样各种图纸就可以直​​接无缝集成到我们开发的网页中：

导出为嵌入格式

4. 易于存储和导入

您可以随时将绘图保存为本地文件，或将其存储在在线空间中； 当您需要再次编辑它时，可以从同一位置导入它。

对于习惯存储和共享代码的学生来说，这非常实用，这意味着你可以与其他学生协作绘图。

除了Draw.io之外，我还比较喜欢（Edraw Icon）这个功能非常强大的本地绘图软件。

ER图

后端开发学生可能会接触到 ER 图，这些图通常在数据库设计中用于表示数据的属性和关系。

我一般不会手工画这个东西。 当需要的时候，我可以使用数据库管理软件（例如，等等）根据现有的库表生成它。

自动生成ER图UML类图

UML类图用于表示类之间的关系，有助于快速理解整个系统的设计结构。

就像ER图一样，我不会自己画这种废话，会很累。 一般情况下，使用集成开发环境（如IDEA）即可根据代码自动生成UML类图，如图：

自动生成UML类图

这不是比我自己画的更好吗？

可视化图表

图表可以更直观地展示数据和趋势，在PPT报告中发挥着举足轻重的作用。

常见的图表有条形图、柱形图、饼图、折线图等。

Excel和PPT虽然都可以画图表，但是都比较丑。 我推荐一个在线生成可视化图表的网站。

内置丰富的图表类型模板：

选择图表类型后，配置要显示的数据和图表样式：

我最喜欢的是这个网站提供的动态图表和URL分享功能，可以快速创建数值动态变化的实时排名。

完成后，您可以一键分享网页地址供其他人浏览，也可以嵌入到您自己的网页中：

导出图表网页思维导图

我最常用的思维导图软件是XMind，它简单易用，主题丰富：

心智

但一般我不会直接在XMind中写思维导图。 相反，我先编写文档，然后将文档直接导入 XMind，根据标题、列表等元素自动生成思维导图：

进口

我之前的前端、Java、全栈学习路线的思维导图都是用这个方法生成的。 一张一张地编辑起来真的很累。

灵感

为什么我没有在本文中花太多时间描述每个图表的功能以及如何绘制它们？

因为绘画是可以模仿的，多看多画，熟能生巧。

当我需要画图的时候，如果我不会画或者没有想法，我就上网搜索别人画的类似图，照搬猫画老虎就行了~

On提供了大量的绘图模板，您可以参考：