如何用语雀画板，轻松画出架构图？

原文首发于：语雀的天空

作为一个程序员，相信你对架构图一定不会陌生。分享、评审、述职、答辩，几乎都离不开。

有些人可能一听到画架构图就会起来喊：“内卷啦”、“PPT工程师”。但程序本身就是一种数学逻辑的具体实现，如果没有一些图配合文字阐述，很难让项目中的所有成员都快速理解并且在同一维度交流。

一张 清晰、美观的架构图 有助于提升团队的 沟通效率、交流共识、实施速度和交付质量。

虽然知道画架构图有这么多好处 ，但当我们真正着手画图时，是不是又遇到了以下的问题：

● 对着画布无从下手、删了又来？
● 如何用一张图描述复杂的系统，并让产品、运营、开发都能看明白？
● 图上的框框有点少是不是要找点儿框框加进来？
● 布局怎么画都不满意……

如果有同样的困惑，本文将会教大家如何用 语雀画板 轻松画出架构图。

架构图三步画法

第一步：分层

你可以先使用画板基础图形中的圆角矩形，将业务按照层级划分成几个大区。每个独立的板块都可以使用一种颜色去区分。

每个层级需要有逻辑上的关联，比如下层为上层服务，或者提供能力支撑。通常情况下，下层更抽象、上层更具体。

第二步：分模块

在同一个层级中，同类型的业务可以聚合到一个模块中，相对重要的模块可以用不同的颜色标记出来。每个模块之间都相对独立，模块之间也会存在相互依赖关系、关联关系。

第三步：填功能

在分好的层级和模块中填充一些具有代表性的应用或功能。

简单三步就可以画出一个清晰美观的业务架构图。

当然在动手画图之前，必须非常清楚自己画架构图的目的，并且对业务有相对全面的思考。然后就可以将所有涉及到的应用、功能、系统、能力、平台全部罗列出来，进行提炼、归纳、分类，最后按照分层、模块、功能的维度将具体的内容补充进去。

再给大家介绍几条关于语雀画板使用的小技巧

使用小技巧

➊ 拖拽图形控制点调整样式，让功能和模块有所区分。（用同色系的组合会更加美观）

➋ 将画好的模块合成一个「组」可快速复用，再用对齐工具将他们排列整齐。

➌ 把功能模块与对应的语雀文档关联在一起，通过一张图串联更多业务信息。让架构图不再是一张大图，通过链接赋予它更多可能性。

更多使用技巧期待大家去探索。目前 模板中心 还有现成的架构图模板，大家可以直接使用，更加高效。

最后

以上只是教了大家一些画图技巧，想画出一个好的架构图， 首先还是要明确受众，再想清楚要给他们传递什么信息。在绘制过程中，也不要忘了画图的初衷是解决沟通障碍、达成共识、减少歧义，不要为了“炫技”而画。

画图的过程也正是不断自我提升思考能力，加深对于技术和业务理解的过程。收集、提炼、抽象各类信息到绘制过程中的权衡取舍，可以帮助我们逐步对业务全局、行业深度、技术视野、技术深度、业务共性、个性特征等等形成自己的认知。

除了架构图外，语雀画板还支持 UML图、流程图、思维导图、原型图等。你再也不需要学习和下载多个不同的软件了，语雀画板简单易用，还能在同个画布上绘制各种不同类型的图，帮你用图自由地表达各种信息。