程序员常用的画图软件推荐

Posted rayylee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了程序员常用的画图软件推荐相关的知识,希望对你有一定的参考价值。

常用图

平时画的比较多的是流程图、交互图和架构图,一般使用 Draw.io 这款免费的在线网页绘图工具就可以搞定了。

之所以选择这款绘图工具,主要是以下几个原因:

1. 使用方便

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

选择模板

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

Draw.io 在线绘图

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7grCy2Qt-1629894850432)(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==)]

2. 样式美观

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

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

属性编辑

3. 丰富导出

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4sbxgDto-1629894850437)(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==)]

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cuOXK9vJ-1629894850438)(https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYKwbJtjficarcsDADI6YG9lQybibRcWJ2ZpsQfNUDfOOIMWM9yCIcKSsWnRoa86vWzlZPcEF9EMrKEw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)]在线浏览

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

导出为嵌入格式

4. 便于存储和导入

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Pq3Za0Rw-1629894850439)(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==)]

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

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

ER 图

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

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

自动生成 ER 图

UML 类图

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

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

自动生成 UML 类图

这不比自己画的好看?

可视化图表

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

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

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

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

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

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

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

导出图表网页

思维导图

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

XMind

但一般我不会直接在 XMind 中去写思维导图,而是先编写好 Markdown 文档,然后直接在 XMind 中导入文档就能自动根据标题、列表等元素自动生成思维导图了。

导入 Markdown

不然,自己一个个编辑真的要累死。

后记

为什么在这篇文章中,没有花太多的笔墨去讲述各个图表分别是什么作用、分别怎么画呢?

因为画图这东西,可以模仿,多看多画,熟能生巧。

需要画图时,如果画不出来、没有思路,就直接去网上搜索其他人画的同类图~

以上是关于程序员常用的画图软件推荐的主要内容,如果未能解决你的问题,请参考以下文章

PlantUML画图软件简介

PlantUML画图软件简介

程序员推荐:非常好用的作图工具和技巧,你 get 了么?

推荐最好用的开源画图工具,没有之一!

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

免费画图软件推荐 - draw.io