我是如何手绘文章中的流程图？
我们常说，「文不如表，表不如图」。而要做出一张适合文章的图，也不是一件容易的事。
图比表和文章更容易理解，但是其所花费的时间也更长。在构建得差不多的时候，写一篇文章只需要一两个小时，而画一张图要花去四五个小时。于是，画一张图变成了一张痛苦的事。
Graphviz
早期我最喜欢的流程图工具是 Graphviz，它真的是“程序员友好了”，只需要这样：
"《JavaScript高级程序设计》" -> "《编写可维护的JavaScript》"
"《编写可维护的JavaScript》" -> "《JavaScript设计模式》"
"《EffectiveJavaScript:编写高质量JavaScript代码的68个有效方法》" -> "《JavaScript设计模式》"只需要三分钟，就能有这样的一张图：
就觉得有点不对劲，这里能不能往上再移一点点，这里是不是改成黄色。
简直是一场灾难。
D3.js
在后来的一段时间里，在使用 D3.js 完成了 2.0 版本的技能树之后：
我开始使用 D3.js 来画这一类图片：
总体的感觉还是很不错的。可是，我不可能为了画这样的一张图，都去写一份代码。这就成了一个悲伤的故事：
Word
在我翻译第一本书的时候，我成了 Office 365 的用户，于是我就有了 Word。早期的 Mac OS 版的 Word 即使比屎还难用，后来巨（微）硬（软）的一体化战略，使得 macOS 上有了更好用的 Word。它可以协助我们画出各种规规矩矩的图，如：
对只要是规规矩矩的图，你用 Smart Art 就能画出来
只是，我想要这里是圆角，这里是直角的时候：
我们就只能：
在线绘图
随后的一段时间里，我使用的是在线的绘图工具，如 http://processon.com。它可以完成大部分的图表功能：
在网络条件好的情况下，它可以满足正常的图表需求。但是偶尔也会遇到网不好的情况，直到有一天我觉得我和别人合伙买了一个 Sketch。
可是用 Sketch 画这样的一张图：
也是蛮累的：
手绘
而等等，每次我要画一张图的时候，总要在纸上打草稿：
随后，我会在电脑上画出这张流程图。于是，我便想着能不能直接画出这张图。理想的方式有：Surface Studio + Surface Dial 或者 iPad Pro + Apple Pencil，可是它们都太贵了。
这条路不行的话，那么就在纸上画出来。就找到了一个更便宜的工具 Wacom Bamboo Folio，它可以直接同步纸上画的内容到手机、电脑上：
我们就可以在再愉快地打开 PhotoShop：
然后，上色：
BFF 示例
对，这些图都是这么来的。
网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。
- 上周热门
- 如何使用 StarRocks 管理和优化数据湖中的数据？ 2956
- 【软件正版化】软件正版化工作要点 2875
- 统信UOS试玩黑神话：悟空 2839
- 信刻光盘安全隔离与信息交换系统 2733
- 镜舟科技与中启乘数科技达成战略合作，共筑数据服务新生态 1267
- grub引导程序无法找到指定设备和分区 1231
- 华为全联接大会2024丨软通动力分论坛精彩议程抢先看！ 165
- 2024海洋能源产业融合发展论坛暨博览会同期活动-海洋能源与数字化智能化论坛成功举办 163
- 点击报名 | 京东2025校招进校行程预告 163
- 华为纯血鸿蒙正式版9月底见！但Mate 70的内情还得接着挖... 159
- 本周热议
- 我的信创开放社区兼职赚钱历程 40
- 今天你签到了吗？ 27
- 如何玩转信创开放社区—从小白进阶到专家 15
- 信创开放社区邀请他人注册的具体步骤如下 15
- 方德桌面操作系统 14
- 用抖音玩法闯信创开放社区——用平台宣传企业产品服务 13
- 我有15积分有什么用? 13
- 如何让你先人一步获得悬赏问题信息？（创作者必看） 12
- 2024中国信创产业发展大会暨中国信息科技创新与应用博览会 9
- 信创再发力！中央国家机关台式计算机、便携式计算机批量集中采购配置标准的通知 8
