教小白画PPT架构图，别只会写代码，吃亏！原创

哈喽，大家好，我是技术up主小富哥，在我上学阶段呢，从没想过学软件工程，毕业后不仅仅是编码的码农，还会成为一名PPT工程师。如果你还在上学阶段，听歌一句把PPT捎带手学了，对你有好处。其实很多码农在工作一定年限以后呢，都会面临述职、答辩、汇报以及在部门内做技术分享，这个时候你几乎就离不开要画PPT，但对于大部分的码农来说，其实这件事还是非常苦恼的，因为不知道要画什么，不知道要画成什么样，也不知道要怎么画。当然我也经历过这些，所以想结合着我的经验来给大家做一些分享，希望能帮助到你，卷过别人吧。最后，如果你能把PPT画好，其实这说明你的思维逻辑是非常强的，能把自身的业务流程抽象到图稿上，也能让别人快速的听懂，就像那个画PPT最好的男人，让我们一起为梦想窒息。接下来就带着大家做一下这样的事情。

这里呢，是我梳理的一个码农画图的，呃，查办的图稿，因为我们画PPT有的时候呢，是思需要思考你是画给谁的，你需要怎么去画，之后呢开始制作，以及呢来串讲你要演讲的一些个文字内容，只有这样的过程呢，才能让你把一张PPT画好，那么我们先从第一个方面说起，也就是说目标人群，那你这个画的PPT是要应对谁的，比如说你只要做汇报的，那应该给老板去做汇报，之后你的PPT目标呢，应该是要有高度，如果说你这个PPT汇报的很细。面向的是工作内容，那可能这个东西就不太适合给老板，因为他不太关心具体的细节，他只想定标准，就像有的时候我们会说一流公司定标准对吧，二流公司做实现，三流公司做销售，那你把最细的细节那一部分扔给老板，老板肯定是不喜欢看的。之后还有一种就是我们述职，那这个时候呢，你的面向人群是部门内组织的一些个。

领导者以及呢，架构师这些人以及业务方来听你的一个成果之后，还有你自己的每年，比如说你要有晋升答辩，那这个时候呢，需要看你工作的一个业绩给部门呢带来了什么，那么还有一些个是我们来做执行落地的PPT，那这个时候需要看你具体细节的方案，你要怎么做，怎么带着大家一起把这事儿完成了。还有一种呢，就是我们经常来做的部门内的一些个技术分享，那这个分享呢，可能很多时候需要你有一定的宽度，有一定的深度，有一定的亮点，这样分享大家听了才会有意思嘛，对吧？所以说分为不同类型的目标人群所画的PPT，最终的效果其实也是不一样的，所以说我们针对不同情况呢，也要画好你自己的一个PPT，当然千万不要把本身你想分享的一个内容拿去当述职或者汇报，那这个时候其实你的PPT重点就突出不出来了。

另外，也不要把你汇报的内容的PPT拿到部门专门当做分享去使用，那可能大家会认为好像花别人假大空，就这个东西不适合落地。那这个东西也就不好用了，那第二呢，就是一个图稿的分类，你画的这个PPT呢，是业务架构还是技术架构，他们之间呢，其实是不一样的，比如说业务架构，那面向的是一个服务分层的一个结构，部门之间呢，怎么是合作的一个方式，如果说你是技术架构，可能会偏向于Mac啊，Ddd啊，以及需要哪些技术组件啊和技术模块来支撑，那比如说再比如说哎，拓扑关系，画的是整个系统的一个拓扑关系工程的脉络结构，那还有一些个像是实现方案，关注的是技术细节，技术体系呢，关注你的方案选型，流程结构呢，关注你的血脉关系，所以说不同类型的图稿，它最终呈现出来的形式呢，其实也是不一样的。那再有我们在图稿制作的过程中呢，比如第一步我们先要做内容的梳理，而不是说上来你就把PPT的页面打开开始画了，其实这个时候你是画不出来内容的，只有说你把完全你要画的PPT的一个。

哎，目标人群确定好，图稿分类确定好之后呢，梳理你对应的一个内容业绩啊，业务系统模块，把这些内容梳理完成之后呢，再进行去绘制，才能绘制清楚，在绘制之前呢，我们也要进行一个结构的分层，比如说我们这个PPT上中下左右，它要你要是呈现出来一个什么样的结构，把这结构分层呢，先想好之后呢，再画这一些个草图，这个草图呢，可能大家比如说可以在本子上画，或者是说像我有的时候会喜欢用这样的手写板，比如说我会在这里边先画着一个大体的脉络，比如想填充什么样的东西，之后呢，在这个手写板上绘制完成之后呢，我才会去在我的一个呃PPT上去绘制，因为你总会有一些个调整嘛，因为这个时候你没有把大的一个脉络圈定出来，你直接在PPT上的话，其实也很难去把各个细节去处理好。

最终呢，这些内容都自理完成之后呢，其实就是在PPT上一个绘图的过程了，最后PPT画完之后呢，并没有结束，因为你还要对照着PPT去讲嘛，如果说这个东西不讲，那只是写或者分享的可能就无所谓了，但如果你要对照着PPT去给大家讲，呃，述职汇报啊，或者是做一些个其他的分享啊等等，那其实你还需要在PPT下边写一些个相关的备注，来串讲你PPT的一个内容结构，不至于说你到时候去讲PPT的时候发现上下页连贯不上。那这个时候其实你讲出来的内容，别人好像听着有的时候会说啊，嗯，是这那就是每次都是这种断句，那别人呢，很难听清楚，你要概括的一个主要核心内容是什么，所以说我们要进行一个文字内容呢，编写之后呢，进行一个自己背诵啊，或者是说你熟读啊。之后才才能呢，让你更好的去把这个PPT内容呢呈现出来。

那么接下来呢，就带着大家做一下呃，PPT简单的一个图稿的绘制，教大家一些个绘制时的技巧，像这些内容，其实大家可以在自己的呃练习的过程中呢进行梳理，之后呢，按照一个结构呢，大家就可以进行一个绘制了，那这里呢，我们简单画一下系统架构图，其实画系统架构图如果说你把前面的内容都已经梳理的非常干净清晰了，其实到这儿呢，就没有那么难画了，其实大部分图像PPT里头都能支持大家，比如说这里边可以画一些个形状，对吧。那好，那我们这里呢，就来呃，圈定一些个形状，简单的带着大家来去绘制一下。其实我是比较喜欢。很多图图稿在PPT中画的像这都可以去调整嘛，对吧，像这个图形它可以调整成长方形，也可以调整成呃对应的正方形，呃像它的有一些个线条的填充啊，像这其实也就可以不要了嘛，对吧？完之后呢，比如说手，但这块呢，我们可以选一些个灰色，灰黑色，就不非得说那么凝重的黑，对吧。

哎，这比如说是我们圈定的第一个模块，假如说因为我们在画PPT的时候，还是要去圈定一些个模块之后才去进行细节的绘制嘛。那这里呢，主要是给带着大家圈定一下我们整体的一个结构，比如说这是我们的一张画的一个系统的架构的PPT吧，也就是我们这里边对应的这技术架构。来画这个PPT。这里呢，我们给它打一个小红心。画这个PPT，那画的时候呢，我们希望呢，在这个结构上圈定一个分层，当然在这个过程之前呢，你应该是先在本上去绘制了，那这里呢，我就啊不在本上去绘制了，因为绘制的过程你也看不见嘛，那你在自己的过程中可以进行一个绘制好，那我们圈定分层之后呢。哎，分成几层，比如说第一层呢，我们想整个是上边那一层，也就是说呃，系统的接口层对吧，那么因为我们想画一个ddd或者MVC这样的结构呢，那中间两层呢，主要来体现一个ddd的结构的，那下边呢，其实主要来体现我们的一个呃领域沉淀呢，或者是说我们的技术组件啊这样的一个内容。

那这个黑色看起来好像有点太重了，那这个呢，我们可以稍微给它，呃调整一下，不让它那那么黑，OK，这个颜色会稍微的好一些，之后呢，这个可能会有点大，因为每一个绘制完成之后呢，大家还得进行一个细节的调整。那好，那这里呢，我们比如说呃，绘制中间这层，这层的话，假如说就是我们对应的领域层，稍微让它小一点，OK。好，那这个时候绘制的过程呢，比如说上边我们想绘制的是接口层，可以进行文字编辑。选定一下之后。

接口，那这个接口呢，可能就会有点太大了，我们可以用苹果减方。稍微小一点。因为上边呢，这样会看着有一些空嘛，所以说我们可以选定一些个图标，比如说我们选定图标的时候呢，可以去我们的呃素材库，比如说像是。阿里的这个icon的一个素材库，我们可以搜一下接口，其实它里边可以给大家，嗯，提供了非常多的一些个元素的素材，所以说我们在绘制的过程中呢，可以进行去选择，选择一个你比较喜欢的就可以了。在这里呢，我们找一个接口的，能描述我们的内容的吧，找一个比较喜欢的。不知道大家选图的时候会不会比较纠结啊，有的时候我选图的时候会。那叫语不惊人死不休，非得找到一个喜欢的。因为接口对我来说，嗯，它不一定非得是接口，其实它对应的是成模块式的展示，我也能接受。

那好，这个我觉得它应该变成白色会比较好看，之后呢。我再把上面这个呢，给它选成一个。红色。好像没有选中啊，把上面这个先选成红色，看看能不能选中出来。这个呢，我就给它选择成白色，OK这么一个效果。下载完成之后呢，我们就来给他进行一个啊填充进来。填充进来进行一个缩小，这里呢，其实主要是想带着大家把这个呃画一画，画一画之后呢，每个人他就会知道这个东西具体是怎么画了，哎，现在我们就把这个内容填充进来，填充之后呢，感觉它好像呃稍微少那么一点灵动的感觉。你可以给他设置一个阴影。阴影的效果呢，它这里头有一些个预设的OK，那这样呢，稍微有一种感觉，就像这个东西是鼓起来的，对吧，就稍微稍微好看一点。

这个当然这个就没有关系了，大家在自己绘制的过程中也无所谓。也不用把时间都都浪费在这儿，你只要觉得他嗯，还行，不那么丑，其实就还好。那接下来呢，这里呢，想绘制一下关于呃领域模块的部分，那这个就比较适合用浅色，就不要用太太重的颜色。啊，比如说这么长吧。有点像那个什么叫半杯小鸟扶缸，哎，是吧，就就这么高。之后呢，我们这里呢，来定一下领域编排。对吧，看看这个是多大，这个是14苹果减方，其实我们这个也可以给它设定为14的苹果减方。之后呢，设定为领域编排，OK，同样的我们再找一个编排的一个过程，因为我们绘制的是一个ddd的结构，其实ddd就很适合于这种，呃，编排就是说我们设计好之后呢，编排的过程还是比较好的。

因为它都是领域嘛，领域模型嘛，哦，我这个我说的这个选了2048，我说这个图片怎么怎么这么大。下次呢，再下载的时候给他调整一下那个图片大小是可以调的，同样我们把这个A处理一下。OK，这个有点大是吧，好，那再给他调一下。因为这种东西嘛，嗯，教你画一个之后，其实很多你就知道去怎么去画。OK，那这个效果呢，就出来了，之后呢，我们再来绘制一下下边的。哎，对，再往下一点让他。我想的是把这两个地方呢，都给它绘制成一个呃领域分层，也就是我们DDP结构中的领域层，还有我们的基础设施层，还有我们的应用层，是这么一个结构，之后呢，这块领域层来给它设定一个呃领域分层。

设定一个领域分层，那这里边儿呢，我们再来设定一个。找一个领域结构。找一个领域分层的一个感觉。分布式吧。这个哎，这个图标就蛮好看的，对吧，这个也是我比较喜欢的，把这个这个调整一下，这个太大二五六就可以了，OK。要不然每次下载的时候都太大了。其实这个图标比较适合换成白色啊，要不然这个颜色一会儿就太不好看，OK6换成白色。也也换成白色，OK。因为我们的背景是这个黑色的，如果大家在绘图的过程中，也可以关注一些个类似于抖音，里边教大家如何去嗯，配置好颜色搭配。这样呢，你的绘图的效果呢，其实会更加好看一些，如果说你的配图效果颜色不好，其实也会比较难看，当然每个人的追求不一样，每个人有的，呃，就是非常牛的一些个架构师，他可能并不一定会画图，也不一定能画的多好，但是他就是很牛，所以说这种人也是有的。

OK。那我们这块呢，是想做一个领域层的一个，呃结构。OK，这边填充一个领域之后，这边呢，我们是想填充一个基础层的一个。一个结构OK是吧。填充一个基础层的一个结构内容之后呢，这一侧呢，我们可以再稍微往这边放一放，这一侧我还想添加一个。一个ddd的实现的一个内容。嗯，大概是这么大就够用了。OK，主要呢，是想填充这么一个结构信息，可能这个还是相对来说还是有点大，一会怕那块不够画，所以我们可以稍微调一下，其实这块就是嗯，画一制PPT比较烦的地方吧，就是你画完之后可能有的地方不合适，又继续不断的去调啊修啊，这个是比较其实是比较浪费时间的。

也是大家比较不喜欢的事情吧，毕竟这个东西你说一句话两句话能说明白，但是呢，还是需要画图的。因为很多他没有参与到这个事情里边的人呢，他其实是不知道你要表达啥的，所以说你是需要去进行绘制图稿的方式呢，进行说明的，那么右侧呢，填充一个这个颜色吧，这个颜色呢，主要是说想描述一下我们的技术支撑，就是说你用了哪些业务支撑类的服务。支撑服务，OK，绘制一下我们的支撑服务。另外这个字体啊，大家在可以是可以默认把它设定好啊，就不用每次都去调了。

在他的视图中应该是有设置的，OK，这么一个过程。之后呢，这里边儿我们再填充一些个，嗯，具体的比如说我们想填充一些个白色吧，因为白色应该会好看一些。OK。其实这个呢，就是给大家呃演示嘛，所以说就填充一下，这里边补充的内容，就是说你用于来支撑你整个系统架构的时候。整体内容这个技术层面的是什么？对吧，所以说呢，主要是给大家演示。那这里边儿有有几点啊，就比如说你现在这个不是对不齐嘛，OK，你把它选中，选中之后呢，它有一个这个。图层对齐，对齐中之后呢，有一个纵向分布和，呃，先居中，垂直居中啊，居中之后呢，有一个叫。纵向分布OK，就分布出来了嘛，对吧，如果说你感觉这个不太好，可以让它稍微再往下一点，那这个时候你再重新选择一下，之后呢，再进行一次。

纵向分布是吧，比如说你你这个就是你自己写那个技术，比如说。这个可能有点有点太大了，颜色。黑色。OK对吧，比如说你这里是之后呢，你再有一些个，呃，其他的，比如说像什么。比如说像什么其他的，呃，ZK呀，Yellowk呀，这些个都是你系统中用的，那你就都可以去写上。这个一起调一下黑色。十、14。苹果碱放。OK，这样后边再填它就比较容易了，呃，ZK呀，EK呀。就都可以填充一下对吧，想买circle。

或者是查查L照吧。那这个其实是可以全部忽略掉的，要不然他会提醒你这个单词嘛，对吧，这个就不再继续填充的，大家如果说你有一些个其他的自己的呃，也可以填充进来，那就再补一些吧，呃，比如说补上网关。完了再补上一些个类似于说啊po ta pointer。Port，那这个稍微有点大，那这个就让它稍微小一点，同时我们把这个也给它处理一下。那这里边儿呢，再有的，比如说我们再再来填充一个。填充一个监控。因为大家都会有一些个监控系统。好，那接口层面呢，我们再来处理一下，可能这个绘图过程有点长啊，如果说你已经学会了，就可以快进了，对吧。

这个是没关系的。OK，这个呢，我们就来专门来来处理一下接口层面的。OK，这个来绘制接口层面，接口层面其实描述的就是说你整个服务是如何对外提供接口的，以及提供了哪些接口，就是这么一个过程。OK之后呢，我们下边应该再有一层，再有一层是什么，就是我们的一个，呃，领域服务，就说你现在这个领域，那沉淀下来哪些领域服务。领域服务对吧。领域服务，那好，那这个我们也换一个。换一个图标吧。换一个，哎，这个这个这个就就。这个就比较好是吧，比较喜欢这个，OK，那就把这个拿下。

先把这个拿下。别太大，让它保持一个一致。之后呢，这个让他稍微往里边儿收一收。稍微往里收一收。然后这个也是稍微往里收一收，可能不需要那么大嘛，我们下边可以加一层我们想要的东西，OK，这个也是同样收一收。Okay okay。好，那么在这一层呢，再来添加一些个你对应的想要的领域服务，就是说我们结合着这个ddd的技术架构，能沉淀出来一样什么样的领域服务层，OK是这么一个过程。那最后呢，我们再想画一些个组件层，就是说你这块再想添加一些个哎组件，比如说你这里边沉淀了哪些技术组件，你看现在其实我们这结构嘛，就就画不下了，画不下其实主要是上边沉的太大了，可以稍微调整一下。

往上调一下。调一下就好了。这个稍微往上调一下OK。这样就够我们去画起来。画的时候呢，这块我们是想填充一个组件层。报错了。你玩了吗？嗯，OK哟。组件层其实有点像我们类似于这样的模块啊。插把式的一个模块处理，OK，我们把这个模块处理呢，给大家填充到这里。OK。稍微有点大，缩小一点。OK，这块呢，其实就是我们的组件。可以稍微让它往往下一点儿，要不然。嗯，这样的效果其实就好看多了嘛，对吧。

这个就可以再稍微往下一些了。如果说你感觉它不是太好看也可以，嗯，稍微再添加一个对吧，或者是说把它直接就对齐重新调整一下，或者添加一个都是可以的，那整个这样的一个结构呢，其实就已经出来了，大家呢，后边再按照这个结构的方式呢，进行去绘制和调整呢，整个诶就会变得比较好看了。那这里呢，就不带着大家一个一个全部重新画了，把这个图的稿呢，粘贴给大家，可以按照这个方式呢进行去绘制，把每一步呢进行填充进来，其实你已经能看到它是如何去处理的，那这个草图结构呢，我会发给大家放到评论区的链接，大家在绘制的过程中呢，是可以按照这个呢进行一个参考练习，看看把这些结构内容呢都来绘制到这个上边，看看能不能完成这样的一个内容。

好了，感谢你的关注、点赞和留言，沉淀，分享，成长，让自己和他人都能有所收获，我们下期再见，拜拜，你的温柔，如此的张扬，让我如愿以偿。