看过我之前文章的朋友可能会发现，我的大部分文章都有很多图片。我的文笔是图文结合，更容易让大家理解。
最近很多朋友给我发私信问我：文章里的图是用什么工具画的？他们觉得我的画风挺小清新的，能让人眼前一亮。
我们来看看前几张图的效果：
说实话，这么多人问我，我真的没法一一回复。同时也有很多人问我，这恰恰说明了这个工具的优秀。
今天特意写了一篇关于画图工具的文章，给有需要的朋友一个参考。
1.这幅画是用什么画的？至于画流程图的工具，visio和process on可能以前用的比较多。
Visio是微软的绘图软件，需要安装在电脑上。正版软件是付费的，但是网上也能找到很多破解版。这是我最早用来画流程图的工具。后来用了mac电脑上班，就没用过了。之前觉得跨电脑办公有点不方便。
On是一款功能强大的免费在线绘图工具。除了常规的流程图，它对思维导图的支持也非常友好。但是有个缺点就是只能免费保存最后9张图片。如果你想保留更多的图片，你需要付费升级。
说到底，前两个画图工具还是收费的，这对于我们这些喜欢白嫖的人来说有点接受不了。那么，有没有免费的、在线的、功能强大的绘制流程图的工具呢？
答：是的，你可以使用：图表。
没错，我文章里的图都是用图画的，也可以叫：draw.io，它已经成为我的首选画图工具。
这个绘图工具在官网的地址是：https://app.diagrams.net/,它的前身是：https://draw.io/.两个网址都可以访问。
同时还提供了离线版的绘图软件。可以自己下载diagrams的安装软件，但是有一个缺点就是收费。
所以，我用网络版的最多。
2.如何进入绘图界面？从上面可以知道，我所有的文章都是用图画流程图的。
但是如何进入图的绘制界面呢？
在浏览器上输入官方网站的图片地址。我通常喜欢输入：https://draw.io/,因为它更容易记住。
第一次访问有点慢，因为它必须初始化一些东西。
接下来，将弹出一个窗口，让我们选择绘图以及需要保存它的位置。
它主要支持四种：
OneDrive:即云设备：即设备GithubGitlab。目前，我使用设备最多的是为了方便绘图。它可以将图形保存到本地计算机，也可以从本地计算机导入现有图形。
其实如果可以的话，把图存到Github也是一个不错的选择。
接下来，将弹出一个窗口，让您选择是创建新的图还是打开现有的图。
当然，第一次进来时，我们选择创建一个新的流程图。
然后，进入绘制流程图的主界面：
3绘图界面的组成图的工作界面主要由以下几部分组成：
另外，对了，如果想修改流程图的名称，可以双击左上角的字样：Untitled Diagram.drawio，会弹出如下窗口：
在此窗口中，您可以修改流程图的名称和文件。
类型，默认是.drawio格式的。下面用一张图总结一下，diagrams的工作界面主要组成部分：
3.1 菜单栏
File菜单：包含了一系列的文件操作，包括：新建、打开文件、打开最近的文件、保存文件、另存为文件、分享文件、重命名、拷贝文件、导入、导出、打印、关闭等。Edit菜单：包含了一系列工作区的操作，包括：回退、撤回、剪切、复制、粘贴、删除、查找、替换、编辑、编辑属性、选择、全选等。View菜单：包含了一系列的视图操作，包括：恢复默认布局、大纲视图、图层、标签、网格、滚动条、全屏等。Arrange菜单：包含了一系列图形排列操作，包含：在前面、在后面、插入图形、对齐等。Extras菜单：包含了一系列额外的操作，包含：主题、展开、收缩、插件、编辑画图区、配置等。Help菜单：主要包含一系列全局的操作，包含：搜索、快捷键、关于等。3.2 工具栏
工具栏中包含了一些常用的功能，比如：图片尺寸、放大、缩小、退回、撤销、删除、在前、在后、背景色、字体颜色、连接、阴影、添加表格、添加图形、全屏、展开、收缩等。
这些功能真的太实用了。
3.3 左边图形区这个区域可以选择我们画图时，需要的图形，默认有这7类图形。
如果不满足要求，可以点击 More Shapes 按钮，选择更多类型。
上图中我另外加了IOS类的图形。
我个人喜欢使用General类的图形：
里面常用的图形都有，画一般的流程图是够用的。当然你也可以根据个人喜欢，选择更多的类型画图。
3.4 画图区
画图区是最重要的地方了，你的流程图是在这片区域完成的。
你可以在左边的图形区选择好图形之后，用鼠标拖到画图区。也可以直接在画图区复制已有的图形。
还可以加网格：
右键空白的地方，会出现一些操作选项：
右键某个具体图形，会出现一些图形相关的选项：
3.5 右边样式区
右边样式区可以说是diagrams的灵魂。
选择的图形，在画图区默认是这样的：
一眼看过去，显得非常单调。但如果在右边样式区，我加了一些样式之后，图形马上变得不一样了。
对于文本样式也有挺多功能可以设置的：
3.6 底部
底部主要展示的是每页的名称。
点击左侧三个点：
可以切换、插入、删除和重命名页面。
点击右侧的加号：
可以立刻新增页面。
我们每次画图需要在某个页面上操作。但如果你需要画的图很多，可以使用页进行归类，方便今后维护。不太建议，一页上画的图太多，不然画图时会非常卡。
总结本文主要介绍了diagrams画图工具，它是一款免费的在线画图工具，也叫做draw.io。它的功能非常强大，包括：菜单栏、工具栏、左边图形区、画图区、右边样式区、底部等。
同时还介绍了如何进入画图区。
当然本文只是抛砖引玉，给大家介绍了diagrams的一小部分功能。它的强大之处，需要大家自己多动手摸索。
下面用一张图给大家展示一下，我是如何使用diagrams画图的：
好了，今天的内容先分享到这里，我们下期再见。
如果大家觉得这个工具不错，或者看了我的分享有些收获的话，请帮我点个赞。
作者：苏三说技术 | 来源：https://mp.weixin.qq.com/s/NELzzbKRUBqAq01TBeekvQ
