00:00
想不想画一个这样方格的架构图,手绘设计,内置配色啊,手写字体,开箱级的开源logo,如果你也想要的话,那鑫哥今天给你推荐一款免费的架构图绘制工具exce种,那我们先来介绍它的基本功能,那我们拖一个简单的矩形,然后左侧呢,可以设置它的属性,比如说线条的颜色,你可以直接选择颜色或者填充,它的颜色是以及它背景的背景的颜色,灰色或者说红色,那以及下面有它背景填充的风格是一个斜线的画,还是网状,还是直接填充颜色,它网状和斜线也非常有手绘的风格,以及它边线的宽度是细中还是最粗,以它线条风格是线条还是虚线,那下面这个是它手绘的风格,那左侧这个呢,是最朴实的那种风格,右侧是手绘风格,最重的风格以它的边角是直角还是圆角,还有它的透明度,那了解了这些基本的属性之后,来画一下黑8S的加速图,那么它分两部分,Control plan和workload。那我们先来画control plan中的各个元素,再来画它的背景,然后依次再画出load。
01:00
用一个圆形来代替etcd,然后我们恢复一下刚才的风格,用直接填充杯,颜色线条选择适中就可以,那手绘风格我们选到这种,然后它的背景色呢,是一个橙色,诶这个比较接近一点颜色我们就选黑色好了,然后我们双击它就可以在里面填充文字,然后我们离CD就让画完了。接下来是该server和其他的三个图线,我们可以选一个矩形,它默认下一个图形跟上一个图图形是一样的风格,然后我们可以复制出一个矩形出来,然后我们可以再创建一个矩形呢,我们还可以选择键盘的快捷键,比如说这里的一,我们点击一之后这个键头就会激活,三之后菱形就会被激活,那我们点击二,矩形会被激活,我们可以再拖出一个新的矩形出来,比如说这里是它的controller manager。
02:00
那它们四个的颜色是不一样的,颜色深的话,它大家可以调一下它的透明度,那我们再来绘析它的背景,你点像二,然后突出一个背景出来,我们不需要它的眼角,但是呢,我们需要它的背景线条,颜色是黑色,加上它手绘的风格,它的透明比例要设为高,它有一个淡淡的背景色,所以说我们把它设置一个灰色的背景,并且透明度尽量调低一点,而且刚才它是覆盖在整个色颜图上面的,我们需要右键把它先带,那我就把它透明度调低,嗯,这样差不多好了,我们再来添加文字,这个文字稍微微的颜色是浅了,它透明度调低了,它会延续上一个元素分明度,就是分颜色的透明度,那么会把字体再调大一点集中,然后这个部景这样挪一下好那。
03:00
完成了ctrl plan部分的绘制,然后们再来绘制它的worknode,那同样的我们先绘制它里面的元素,这里我们因为透明度的原因,它可能都显示的出来,这可能不是我们所希望的,所以说我们透明度不得不设置的大,这样我们就不会出现错出来的这种显示情况,然后我们再把它颜色设为一个比较比较灰的纸,那同样的这个我们也设置为一样的灰色,保持一致,它的透明度是要设置到最高,然后我们再给它添加标题,那这里还有几个键头,你需要画一下键头,画会非常简单,我们只要点一下键盘的五激活箭头的功能,然后就可以绘制箭头,那同样这个箭头呢,可以试试它的风格,比如说手绘放到最重,然线上可以再粗一。
04:00
好,我们发现我们这里的箭头突然绘制方向反了这个箭头,那我们可以选中它,然后在它的箭头方向里面选择反向的箭头,并且把正向的箭头取消掉,那就可以完成箭头的一个调换,好这样我们就几乎完成的跟它一模一样的这样一个架构图绘议制。那这个题它有个非常fashion的功能,我来介绍一下,就是在library那这边我们点击broad libraryaries就可以看到它官网罗列的非常多开箱提用的主题,包括了一些常用软件的logo,表单的一些form吧,那我们可以点击下载,然后在这边选择上传,好,这时候这些资源就被加载出来,然后我们点击就可以插入到图片中来,好,这样就完成了一个非常好的架构图的设计,那跟之前的这图比起来,这架构图是不是更好看呢?好,那最后我来谈谈我的感受,一个加好的。
05:00
系统也需要一个好的架构图来表达,而好的配色,好的一个展示的风格和样式能更好表达你的架构图。然后我之前也用过很多架构图绘制软件,比如说draw IO或者说process on之类的流程的绘制软件,直到我碰见exce上的工具,反正如果说我绘制架构图的话,我再也不会用其他软件来绘制,它完美解决了绘制架构图这个特定场景的问题,而且效果非常重要。如果你喜欢这视频,喜欢这工具的话,记得点赞关注收藏哦。
我来说两句