分享程序员常用的绘图软件和技巧。

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

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

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

常用图片

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

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

1. 易于使用

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

选择模板

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

Draw.io 在线绘图

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

2. 造型美观

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

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

属性编辑

3、丰富的出口

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

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

在线浏览

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

导出为嵌入格式

4. 易于存储和导入

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

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

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

ER图

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

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

自动生成ER图UML类图

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

就像ER图一样，我不会自己画这个东西，会很累。 一般只需使用集成开发环境（如JetBrains IDEA）根据代码自动生成UML类图即可，如图：

自动生成UML类图

这不是比你画的好看吗？

可视化图表

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

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

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

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

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

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

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

导出图表网页思维导图

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

心智

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

导入降价

不然一一编辑真的很累。

后记

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

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

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

-结尾-

来源|程序员鱼皮

作者 | 玉皮