程序员常用的画图软件和小技巧

Posted 2021-09-10 吨吨不打野

🎨1. 常用图——Draw.io

1. 使用方便

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

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

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

2. 样式美观

Draw.io 提供了几种默认主题和预设图形风格，比如手绘风格。

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

3. 丰富导出

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

其实这些都没什么，我最喜欢的一点是，它可以直接生成在线网页，分享给别人就能快速浏览了，还提供了小工具栏，可以缩放、截图、打印和快速编辑。

此外，还可以导出绘图为嵌入式网页！这样就能把各种作图直接无缝集成我们自己开发的网页中了。

4. 便于存储和导入

可以随时保存绘图为本地文件，或存储到 GitHub 等在线空间中；当需要再次编辑时，从同样的地方导入即可。

对于习惯用 GitHub 来存放和分享代码的同学来说，这点太实用了，意味着你可以和其他同学协作绘图。

除了 Draw.io 外，我也比较喜欢EdrawMax（亿图图示），一款本地作图软件，功能也很强大。

✨2. ER 图

后台开发同学可能会接触到 ER 图，常用于数据库设计中，表示数据的属性和关系。

我一般不会手动去画这玩意，需要的时候直接用数据库管理软件（比如 Navicat、JetBrains DataGrip 等）根据已有的库表生成就好了。

🎡3. UML 类图

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

和 ER 图一样，我也不会自己去画这玩意儿，累死个人。一般直接用集成开发环境（比如 JetBrains IDEA）自动根据代码去生成 UML 类图就行了，如图：

这不比自己画的好看？

🤡4. 可视化图表——Flourish等

4.1 Floursh

图表可以更直观地展示数据和趋势，在 PPT 汇报中扮演着举足轻重的地位。

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

虽然 Excel、PPT 都可以画图表，但相对有点丑，我比较推荐 Flourish ，一款在线生成可视化图表的网站。

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

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

我最喜欢这个网站提供的 动态图表 和 URL 分享 功能，可以快速制作那种动态变化数值的实时排行榜。

做好之后可以一键分享网页地址，让他人浏览，也可以嵌入到自己的网页中。

4.2 Echarts等

参考知乎话题：国内在线图表工具，你能说出几个？

花火：https://hanabi.data-viz.cn/

4.3 百度的图说/Echarts

图说：https://tushuo.baidu.com/

Echarts在线体验: http://www.max-logistics.com/Tpl/Home/default/Public/Hui/lib/echarts/2.2.7/doc/example.html

js组件，Echarts的github项目地址：https://echarts.apache.org/zh/index.html
中文官网：https://github.com/apache/echarts

💫5. 思维导图——Xmind

我最常用的思维导图软件是 XMind ，使用方便、主题丰富。

参考：

• 微信文章： 程序员常用的画图软件和小技巧