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单纯在她的知识库收集的:
如果你对画板的最新用法感兴趣,不妨在这里跟踪最新进展。
语雀画板的未来
现在,画板已经成为语雀的核心能力之一,很多用户只要尝试过,便离不开它。
但是,由于画板的能力不断更新,大多时候却隐藏在文档卡片里面,很多用户不知道画板能做的事情已经越来越多,我们希望让更多的用户认识它,并且使用起来更便捷。
今年,语雀画板会持续关注创作者的体验,不断完善编辑功能,并在体验细节上持续打磨。与此同时还会考虑手绘风格、智能图形等能给用户带来小惊喜的能力。
我们希望画板能给用户一个无限创作的自由空间,尽情发挥自己的创意。