程序员如何画图?

经常写完文章, 收到的第一个问题是: 你的图是用啥画的其实自己也经常问别人. 最近强化了一下这方面的知识, 总结一下.

个人将画图的场景分为两种: PPT/文章中使用和系统中使用

可能有人觉得 系统中画图 需求不多, 个人感觉还是有必要的. 经常遇到费劲开发了一个系统, 遇到各路用户问问题. 如果有办法在系统中将执行流程直接生成流程图, 你好我好大家好.

GUI 画图工具有很多可选, 个人比较推荐的是 OmniGraffle , 在线工具推荐 lucidchart . 当然, 我也见过用 KeyNote 画出漂亮的系统图的, 工具不重要, 关键看人(说多了都是泪)

重点说一下程序画图. 最近反省了一下, 画图最多的就是那几个:

没了. 真的没了. 会这几个就可以行走江湖了.

然后, 推荐两个 library: blockdiag 和 graphviz .

blockdiag 是一个神奇的 python libary. 可以通过使用类似 graphviz 的语法, 画出 块图, 序列图, 网络图, 活动图. 还提供了一个 交互式的 shell , 用于调试上述几种图. 例如, shell 中输入:

立即的到如下图:

点击右上角切换成序列图, 输入如下内容:

有可以轻松得到如下序列图:

但是说好的 library 呢? 以 seqdiag 为例,

Graphviz 可谓是一代画图神器, 通过官网的示例图就知道有多强大. blockdiag 也是参考 Graphviz 的实现. 通过类似的语法描述, 生成所需的图形. 对于颜色的选择, 可以参考文档中 Colors 一节, 非常全面.

程序方面, 同名的 graphviz library 可以使用 pip install graphviz 安装, 非常方便. 示例python 程序如下:

既然有了 library 可以画图, 强烈建议在自己的系统中将一些复杂的流程化的事情通过根据当前系统状态画出图的方式展现给用户, 可以避免很多疑惑.

从你的提问中，可以看出你所希望画的是两类图：一类是最常见的流程图，还有一类是软件设计中常用的UML图（包括时序图，状态图等）。

作为程序员，经常会利用软件进行流程图和UML图的绘制。流程图一般用于软件流程、步骤的规划与描述，而uml图则从面向对象的角度对软件的设计进行拆解，从不同的角度描述软件系统的功能。

在Windows环境下，最常见的有Microsoft的Visio，它集成了基础的流程图，以及其它各类用途的专业图库，当然也包括UML图。如果专门绘制uml，有一款专门的开源软件starUML，也推荐大家可以试一试。如果使用的是Mac环境，推荐OmniGraffle，这是Mac下知名的制作各类流程图的软件，功能也非常强大。

如果喜欢线上 *** 作，或为了方便与大家共享或共同开发，则推荐Draw.io。它是一款免费的线上绘图平台，可以直接开开浏览器进行图片绘制，使用起来非常方便。

我自荐。

绘制流程图，就用亿图图示！

亿图图示的绘图体验概括起来就三个字：

快！靠谱！

------快------

亿图图示提供了多种智能 *** 作

包括符号拖放、极速连线、自动吸附等等

没错！

符号拖拽就能用

鼠标靠近符号就会显示连接点

连接点变红就可以快速连线

连接线靠近图形后即可自动吸附

并且还有网格线，辅助线帮助图形对齐

不仅如此

当你绘制完成后

还可以一键美化

嗯，就是点点鼠标这么简单

而且亿图图示还提供了教程

包括一些常见的绘图分类视频

以及一些功能 *** 作gif

让你能够快速轻松掌握强大的亿图图示

提高你的工作效率

------靠谱------

亿图图示支持多平台运行

Windows，Mac，Linux

以及银河麒麟、中标麒麟等国产 *** 作系统

还有Web网页版

并且这些平台都支持一个账号登录

实现文件多平台储存

无需烦恼文件重复传输

不用担心文件丢失

亿图图示还兼容多种文件格式

包括png，SVG，HTML，PDF，office，Visio等

满足你多样化的文件导出需求

此外，亿图图示还提供了社交分享功能

你通过链接或二维码的形式将文件分享给其他人

可以设置对方的文件权限（“仅查看”或“可编辑”）

亿图图示还有很多实用功能，如

符号库：26000+符号，而且支持导入外部符号（强烈建议搭配阿里的iconfont使用），能够满足大部分的绘图需求模板社区：一个UGC社区，积累了各行业用户分享的图形图表，支持一键套用

.......

---