手绘风格架构图/流程图绘制工具，免费！在线！颜值超高！原创

想不想画一个这样方格的架构图，手绘设计，内置配色啊，手写字体，开箱级的开源logo，如果你也想要的话，那鑫哥今天给你推荐一款免费的架构图绘制工具exce种，那我们先来介绍它的基本功能，那我们拖一个简单的矩形，然后左侧呢，可以设置它的属性，比如说线条的颜色，你可以直接选择颜色或者填充，它的颜色是以及它背景的背景的颜色，灰色或者说红色，那以及下面有它背景填充的风格是一个斜线的画，还是网状，还是直接填充颜色，它网状和斜线也非常有手绘的风格，以及它边线的宽度是细中还是最粗，以它线条风格是线条还是虚线，那下面这个是它手绘的风格，那左侧这个呢，是最朴实的那种风格，右侧是手绘风格，最重的风格以它的边角是直角还是圆角，还有它的透明度，那了解了这些基本的属性之后，来画一下黑8S的加速图，那么它分两部分，Control plan和workload。那我们先来画control plan中的各个元素，再来画它的背景，然后依次再画出load。

用一个圆形来代替etcd，然后我们恢复一下刚才的风格，用直接填充杯，颜色线条选择适中就可以，那手绘风格我们选到这种，然后它的背景色呢，是一个橙色，诶这个比较接近一点颜色我们就选黑色好了，然后我们双击它就可以在里面填充文字，然后我们离CD就让画完了。接下来是该server和其他的三个图线，我们可以选一个矩形，它默认下一个图形跟上一个图图形是一样的风格，然后我们可以复制出一个矩形出来，然后我们可以再创建一个矩形呢，我们还可以选择键盘的快捷键，比如说这里的一，我们点击一之后这个键头就会激活，三之后菱形就会被激活，那我们点击二，矩形会被激活，我们可以再拖出一个新的矩形出来，比如说这里是它的controller manager。

那它们四个的颜色是不一样的，颜色深的话，它大家可以调一下它的透明度，那我们再来绘析它的背景，你点像二，然后突出一个背景出来，我们不需要它的眼角，但是呢，我们需要它的背景线条，颜色是黑色，加上它手绘的风格，它的透明比例要设为高，它有一个淡淡的背景色，所以说我们把它设置一个灰色的背景，并且透明度尽量调低一点，而且刚才它是覆盖在整个色颜图上面的，我们需要右键把它先带，那我就把它透明度调低，嗯，这样差不多好了，我们再来添加文字，这个文字稍微微的颜色是浅了，它透明度调低了，它会延续上一个元素分明度，就是分颜色的透明度，那么会把字体再调大一点集中，然后这个部景这样挪一下好那。

完成了ctrl plan部分的绘制，然后们再来绘制它的worknode，那同样的我们先绘制它里面的元素，这里我们因为透明度的原因，它可能都显示的出来，这可能不是我们所希望的，所以说我们透明度不得不设置的大，这样我们就不会出现错出来的这种显示情况，然后我们再把它颜色设为一个比较比较灰的纸，那同样的这个我们也设置为一样的灰色，保持一致，它的透明度是要设置到最高，然后我们再给它添加标题，那这里还有几个键头，你需要画一下键头，画会非常简单，我们只要点一下键盘的五激活箭头的功能，然后就可以绘制箭头，那同样这个箭头呢，可以试试它的风格，比如说手绘放到最重，然线上可以再粗一。

好，我们发现我们这里的箭头突然绘制方向反了这个箭头，那我们可以选中它，然后在它的箭头方向里面选择反向的箭头，并且把正向的箭头取消掉，那就可以完成箭头的一个调换，好这样我们就几乎完成的跟它一模一样的这样一个架构图绘议制。那这个题它有个非常fashion的功能，我来介绍一下，就是在library那这边我们点击broad libraryaries就可以看到它官网罗列的非常多开箱提用的主题，包括了一些常用软件的logo，表单的一些form吧，那我们可以点击下载，然后在这边选择上传，好，这时候这些资源就被加载出来，然后我们点击就可以插入到图片中来，好，这样就完成了一个非常好的架构图的设计，那跟之前的这图比起来，这架构图是不是更好看呢？好，那最后我来谈谈我的感受，一个加好的。

系统也需要一个好的架构图来表达，而好的配色，好的一个展示的风格和样式能更好表达你的架构图。然后我之前也用过很多架构图绘制软件，比如说draw IO或者说process on之类的流程的绘制软件，直到我碰见exce上的工具，反正如果说我绘制架构图的话，我再也不会用其他软件来绘制，它完美解决了绘制架构图这个特定场景的问题，而且效果非常重要。如果你喜欢这视频，喜欢这工具的话，记得点赞关注收藏哦。