产品故事｜你所不知道的语雀画板

1974年的美国，一位名叫阿瑟·拉弗的经济学家，在哥伦比亚的酒吧遇到两名政客，他想要解释一个现象：为什么税率上升，税收并没有随之上涨？

对方并无经济学背景，想在短时间内用语言解释清楚是一个艰巨的挑战。他选择了另一种方法。

他随手拿过一张餐巾纸，在它的的背面画了一张图，一个坐标系，一条抛物线，就把事情说清楚了。后来，这条曲线变成了著名的拉弗曲线。

两名政客之一就是当时福特总统的助理，他把这张餐巾纸交到了福特的手上，政府依靠这个曲线，极大的刺激了生产和投资。过去数十年间，这张草图直接或间接的指导了美国的经济政策。

人们常说，一图胜千言！没有比这更好的例子了。这个案例被记载在《餐巾纸系列》书籍上，里面也还有其它类似的故事。

今天，我们聊一聊语雀的画图工具——「画板」，它从何而来，又将到哪里去？

从思维导图说起

图表包含很多种类，思维导图、流程图、UML等等，都是常见的图。那么，图的本质到底是什么？

《图形思考》一书的作者樱田润告诉我们：图形，是一种思考工具。

樱田润的兴趣就是“图解”，他曾将彼得·德鲁克的《管理（精华版）》中的内容提炼整理成50张图片。还经常以TED演讲绘制图解。2010年，他专门创建了一个名叫“思维视觉”的网站，分享他整理的图。

他这么做的理由是，他想要“理解”事物。他尝试将“普遍性思维方式”“商业成功秘诀”等内容整理成图片，并从自己的立场出发对其进行分析。借助图形格式系统地整理知识，他能够从这个过程中感受到趣味，同时又能学到东西。

图形，同样还是一种沟通和表达工具。

有人说，世界的语言有很多种，但是通用的语言有一种：图像的语言。通过简图、时间轴、地图、流程图，能拉近彼此之间的距离。

至于具体有哪些图形，樱田润在《图形思考》中总结了七种：

美国学者大卫·海勒在《思维地图》一书中则总结了八种图形：

在这里面，思维导图是比较特别的一种。自从它在上世纪70年代被提出以来，学习和使用它的人越来越多，近年来，它的热度逐渐追赶上传统Office工具。

思维导图可以被用在很多场合，比如头脑风暴、读书笔记、会议等。思维导图也是整理、提炼知识的利器，收到很多求知者的喜爱。

作为知识创作和分享工具，语雀很早就上线了思维导图的卡片，但直到2019年年中才开始尝试去做一个功能更完备、更好用的思维导图。

在这个过程中，确立了语雀思维导图乃至以后的画板的一个最重要的原则：

思维导图/画板将永远支持文档卡片的形式，在卡片里可实现全功能操作。

要知道，当时其它产品的很多思维导图工具要么是独立存在，要么可以被嵌入到文档，但在文档中只能查看不能编辑。

语雀在服务阿里和蚂蚁内部同学时发现，很多人在写文档的时候需要做图，比如程序员在写系分文档时，经常需要插入流程图或时序图等。

这时候，如果频繁切换工具会打断思路。创作的心流状态来之不易，为了呵护它，语雀选择了一条更艰难的路。

樱田润在《图形思考》中说：

“文章是由单词的组合构成的，与之相对，图形是由各种图形元素的组合构成的。我之所以向大家推荐图解，是因为可以利用图形规范理解的步骤。语言和文章有各式各样的措辞，可以表达出各种微妙的、感性的内容，但不适用于表现那些固定的思考流程。”

正因为如此，语雀将文字与图表结合起来，综合文字思考和图形思考，拓宽创作者表达的边界。

但正如书中足足整理了7种不同的图形来辅助思考，仅仅支持思维导图是不够的，语雀也必须支持更多的图形。后面，语雀又推出了流程图和绘图。

很快，语雀的图表迎来了新的进化：将所有的思维导图、流程图、时间轴、UML等等，融为一体，给创作者以更多的自由，这就是「自由画板」。

进化：将所有图形融在一起

为什么要将图形融合在一起？

首先，有时候，我们需要在已有的图形上加一些东西。如果每一个画板只能画一种图，那么我们只能以截图+涂鸦的方式来实现，比如下面这个例子：

另一个原因，则是行业的发展，以Miro、Whimsical为代表的创业公司，都将混合画布作为产品的基础，而用户的认可证明这是一条正确的路线。

这里，我想重点提一下Miro。

Miro是一款支持多人在线协作的白板工具，历经 20 个月时间，用户量从 500 万增长到 3000 万+，在今年 1 月获得 4 亿美元的 C 轮融资，估值达到 175 亿美元。

它最大的特点就是一个无限尺寸的画布，在画布里可以创建多个画板，进行画图和协作。它有一个神奇的功能：对多个画板进行编号排序，甚至可以用它们来进行在线演示，取代PPT！

毋庸讳言，语雀从行业最先进的产品中吸取优秀的设计和理念，同时坚持走自己的道路。正是这些产品，让语雀坚定了往混合画布方向发展的决心。在语雀，每一个文档就相当于无限的画布，在文档里可以创建多个画板，刚好和 Miro 可以对应上。而演示功能，利用语雀的文档演示+画板卡片，也可以实现类似Miro的效果。

解决了为什么的问题，剩下的就是怎么做。将这些图形融合，到底指的是什么呢？

这里的融合至少有两个意思。第一个，就是在一个画板里插入所有图形。这里，可以将思维导图、时序图、流程图这些图进行拆解，分解出基础图形，让画板支持插入所有基础图形。

这样，就可以创建这样的组合图：

第二点，则需要让不同的图形能够有机的结合，比如，将流程图“嫁接”到思维导图上。

这样，就可以创建这样的图：

这个看似简单，但其实不然，比如，如何让他们井然有序的排列在画布上，不会交叉或者挤在一起？

今年年初，画板的研发有田在Seeconf分享了背后的故事，他们在矢量图编辑的六大原则上面还创建了语雀独有的规则。

在分享里有这样一句话：任何工具都应具备预期内的功能，但一个伟大的工具能给你预期外的功能。

自由画板推出之后，很多用户用它做出来的内容，连我们看了都大开眼界。

原来画板还能这样用

最基础的还是用画板里的思维导图来记读书笔记，只不过里面的内容和图形，比一般的思维导图要稍稍丰富那么一点～

还有人用它来制作了人类科技发展史全景图，横跨数个时代，每个时代最重要的事件，一目了然。

还有人用它来展示学习的成果，知识先是树形发散，又在不同的节点间形成网络。

最后，在前不久推出的模版中心里，有相当一部分是画板的模板，而这些模版是画板PD单纯在她的知识库收集的：

如果你对画板的最新用法感兴趣，不妨在这里跟踪最新进展。
语雀画板的未来

现在，画板已经成为语雀的核心能力之一，很多用户只要尝试过，便离不开它。

但是，由于画板的能力不断更新，大多时候却隐藏在文档卡片里面，很多用户不知道画板能做的事情已经越来越多，我们希望让更多的用户认识它，并且使用起来更便捷。

今年，语雀画板会持续关注创作者的体验，不断完善编辑功能，并在体验细节上持续打磨。与此同时还会考虑手绘风格、智能图形等能给用户带来小惊喜的能力。我们希望画板能给用户一个无限创作的自由空间，尽情发挥自己的创意。