发布信息

Draw.io画图软件和一点小技巧,你值得拥有

作者:软荐小编      2023-08-27 01:03:53     228

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

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

通过图片的方式,可以更好的展示系统,更清晰的表达自己的想法,并且易于理解; 能够锻炼自己的绘画技巧,真是一举多得的事情。

绘图软件教程_绘图软件教学视频_绘图教程软件下载

明天我会分享我常用的绘图软件和一些技巧。

常用图

我平时画流程图、交互图和架构图比较多,通常使用Draw.io,一个免费的在线网页绘图工具。

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

1. 易于使用

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

绘图教程软件下载_绘图软件教学视频_绘图软件教程

选择模板

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

绘图教程软件下载_绘图软件教程_绘图软件教学视频

Draw.io 在线绘图

您可以直接搜索您需要的图形,例如服务器。 其实你也可以直接粘贴本地或网络图片。

绘图软件教学视频_绘图软件教程_绘图教程软件下载

2. 造型美观

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

绘图软件教程_绘图教程软件下载_绘图软件教学视频

事实上,图形也可以高度灵活地定制。 如果你熟悉界面开发,甚至可以直接编辑图形的属性值​​​​。

绘图软件教学视频_绘图软件教程_绘图教程软件下载

属性编辑

3.丰富的导入

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

绘图软件教学视频_绘图软件教程_绘图教程软件下载

虽然这些都不算什么,但我最喜欢的是它可以直接生成在线网页,分享给别人快速浏览,还提供了一个小工具栏,可以进行缩放、截图、打印、快速编辑。

绘图软件教学视频_绘图软件教程_绘图教程软件下载

在线浏览

据悉,还可以导入图纸作为嵌入网页! 只有这样,我们才能将各种图纸直接无缝集成到我们自己开发的网页中。

绘图软件教程_绘图软件教学视频_绘图教程软件下载

作为嵌入格式导入

4. 易于存储和导出

绘图可以随时保存为本地文件,也可以存储在GitHub等在线空间中; 当需要再次编辑时,可以从同一个地方导出。

绘图教程软件下载_绘图软件教学视频_绘图软件教程

对于习惯使用GitHub存储和共享代码的朋友来说,这非常实用,这意味着你可以与其他同事协作绘图。

不仅是Draw.io,我还喜欢EdrawMax(亿图图标),一款功能强大的本地绘图软件。

ER图

后台开发的朋友可能会接触到ER图,ER图在数据库设计中经常被用来表示数据的属性和关系。

我一般不会主动去画这个东西,只是在需要的时候使用数据库管理软件(比如Navicat、JetBrainsDataGrip等)根据已有的库表来生成。

绘图教程软件下载_绘图软件教学视频_绘图软件教程

手动生成ER图UML类图

UML类图用于表示类之间的关系绘图软件教程,有助于快速理解整个系统的设计结构。

像ER图,我自己都不知道怎么画这个东西,气死我了。 通常直接使用集成开发环境(如JetBrainsIDEA)根据代码手动生成UML类图绘图软件教程,如图:

绘图教程软件下载_绘图软件教程_绘图软件教学视频

手动生成 UML 类图

这不是比我画的好看吗?

可视化图表

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

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

虽然Excel和PPT都可以用作图表,但是它们都比较丑陋。 我推荐Flourish,一个在线生成可视化图表的网站。

丰富的外部图表类型模板:

绘图软件教程_绘图教程软件下载_绘图软件教学视频

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

绘图教程软件下载_绘图软件教程_绘图软件教学视频

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

完成后,您可以一键分享网页地址,让别人浏览,或者嵌入到自己的网页中。

绘图软件教学视频_绘图软件教程_绘图教程软件下载

导入图表网页思维导图

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

绘图教程软件下载_绘图软件教程_绘图软件教学视频

心智

但通常我不会直接在 XMind 中编写思维导图,而是先编译 Markdown 文档,然后直接在 XMind 中导出文档,根据标题、列表等元素手动生成思维导图。

绘图软件教程_绘图软件教学视频_绘图教程软件下载

导出降价

不然一一编辑我真的会被吓死。

杂项笔记

为什么在这篇文章中,没有花太多的笔墨来描述每个图表的功能以及如何绘制它们?

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

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

-结尾-

来源 | 程序员鱼皮

作者 | 鱼皮

相关内容 查看全部