画图工具在我们的工作中非常有帮助。有时候，一张图片的信息胜过几千字的解释。例如，如果你想向领导报告一个业务流程的问题，通过画出业务流程图，与其用文字交流，使用图片的方式会更有效率，更轻松。如果你参与了一个复杂的项目开发，你可以绘制代码的流程图，这不仅能够帮助你加深对项目的理解，还能帮助其他参与人员更快地接手项目。而且，当你需要演讲时，PPT中的配图也是必不可少的。

对于选择画图工具，很多人都会纠结。其实，你可以选择一款自己感到舒服的工具，不必过于纠结。我要介绍的画图工具是draw.io，我觉得它非常好用。它是免费的，并且可以直接将图片的源文件保存到Github，非常方便，相当于直接云备份到了Github仓库里。draw.io可以在线绘图，也可以下载应用程序，或者作为visualstudiocode的插件来使用。我比较常用的方式是在线绘图，就是直接在网站上进行绘图。

draw.io的网站地址是： https://www.draw.io/ 。该网站主要分为三个区域，从左往右依次是“图形选择区域”、“绘图区域”和“属性设置区域”。在“图形选择区域”中，你可以选择很多种图案，包括常见的流程图、时序图、表格图，甚至还可以在“更多图形”中找到其他类型的图形，例如网络设备图标等。而在“属性设置区域”中，你可以设置文字大小、图片颜色、线条形状等。

我常用的一个图形是圆角方块图，它的位置如下图所示：

但是默认的颜色过于深，如果要在方块图中描述文字，可能会看不清楚。这时，我会在“属性设置区域”将方块颜色设置为浅色系列。需要注意的是默认的字体大小较小，我通常会将其调整为16px。如果你不喜欢带有“划痕”的圆角方块图形，可以选择最简洁的圆角方框图形。这个简洁的圆角方框图形再搭配颜色，可以组合成很多结构图。

直角方框图形可以用来组成表格。因为自带的表格不好看，也不方便调整。例如，你可以使用直角方框图形来绘制下图中的“不同层级的存储器之间的成本对比表格”：

如果觉得直直的线条太死板，你可以在图片属性中勾选“”，这样线条就会呈现歪歪扭扭的效果，有点像手绘风格。例如，下图中的TCP三次握手流程图就采用了这种风格：

方块图形再加上菱形，就可以组合成简单程序流程图。例如，下图中的“写直达”缓存更新模型的流程图：

因此，不要小看这些基本图形。只要构思清晰，即使是基本图形，也可以构成层次分明且美观的图。

通过一些基本图形的组合，你还可以绘制时序图，时序图可以用来描述多个对象之间的交互流程。例如下图中的多个线程获取互斥锁的时序图：

为了更清晰地表达零拷贝技术的过程，使用图的方式会更好。例如，只用一张图描述MySQL执行一条SQL查询语句的流程：

当然，draw.io不仅提供简单图形，还提供其他自带的设备类图形。通常，我会使用这些设备类型的图标来绘制网络图。例如下图中的路由器寻址图：

除了以上介绍的图形外，你还可以绘制更复杂的图形。例如下图所示，描述了TCP流量控制的整个交互过程以及滑动窗口的状态：

还有许多其他类型的图形，这里就不一一列举了。

之前我使用过一套免费的图床，但是遇到了一些问题。我发现这类免费图床使用一段时间后会出现问题。