工作以前我对画图,画各种图的概念还停留在用 思维导图,用ps,用 visio,参与工作后发现有各种各样的画图需求

  • 当前的环境与工作内容复杂,弄个思维导图理一理
  • 当前开发的工作功能变多了,有哪些功能点和场景,列一列
  • 手头负责的系统各功能模块之前是怎么协同的,梳理一下
  • 要设计的系统具有什么样的业务/技术架构,画个图表示表示
  • 这个技术原理是什么,能不能画个图展示
  • 画个拓扑图

用的软件也不多,讲讲现有的几个用的顺手的

drawio

https://github.com/jgraph/drawio-desktop

在我懒得装visio后,发现这么个神器,有开源,体积还下,还有 web 端支持,简直完美

用它画了不少网络拓扑,还有一些攻击路线梳理

Snipaste_2024-12-17_23-22-36.png

Snipaste_2024-12-17_23-25-33.png

画协议中的格式

7.png

画认证流程

7.png

无聊的时候还用它来画火箭

Snipaste_2024-12-17_23-26-18.png

就是要对一些细节多微调,没啥大问题

xmind

导图工具免费版感觉够用,平常遇到复杂棘手的事,用导图梳理一下,往往就能找到关键问题

Snipaste_2024-12-17_23-35-16.png

ppt

ppt 用来画一些方案类的图到时不错,有时候需要画一些色彩丰富的,或者内容较多但较为整齐的,用 ppt 也顺手

Snipaste_2024-12-17_23-40-03.png

Snipaste_2024-12-17_23-40-44.png

d2

https://github.com/terrastruct/d2

最近看科技爱好者周刊发现,对于一些示意图有D2 会比较方便

redc.svg

官方也列出了一些d2 的使用案例,可以参考学习 https://github.com/terrastruct/d2#notable-open-source-projects-documenting-with-d2