说说我自己画的时候一些理解和常用的定式。
- 先确定要画的元素：画个框框表明子系统也是拓扑图，画详细的数据流动过程也是拓扑图，取决于你要完成这个图的时间和你要表达的细致程度，然后把涉及的东西先粗略圈上去，保证内容正常。
- 分类和层级。系统内外是不同的分类，OSI 4 层\7 层 也是不同的分类，把不同的元素进行分类，会让人感觉这个系统更专业、清晰。
- 对齐：就和 PPT 一样，相似的元素一定要对齐，不要随便放置。以及相似的元素的间距会是基本一致的，同样五个元素，随意摆放和放在五角星的五个顶点观感会完全不一样。
- 颜色：我觉得颜色是一个用来引导人们看图的视线，以及进行重点或者非重点区分的重要手段。但一张图里颜色不宜过多，否则会分散注意力，让人看起来好看。选择颜色有两种方法，一个是从主题选择，比如 Azure 图标的色系就是蓝色，AWS 是橙色；另外一个是配色网，有配好的颜色组合直接拿来用（画图软件自带的颜色一般都很丑……）。
- 线条和布局：这个我觉得是最难的地方，一个是线条往往表明系统请求或者数据流动的方向，如果布局不好的话会导致线条之间交叉来交叉去，干扰整个画面的布局和影响美观程度。优化线条有两种方向：一个是调整布局让线条走向更合理，一个是线条的角度尽量不要太多，比如就用两种或者三种：横平、竖直、45 度。

至于资源，可以直接谷歌图片搜 "draw io"，以及一些开源组件的拓扑图。看的时候去想想他们哪些地方画得好，结构上还是颜色还是线条，然后提炼出来对自己以前画的进行修改。多实践几次就能成为自己的定式了。