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

简介: 好玩好用的语雀画板。

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单纯在她的知识库收集的:



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


语雀画板的未来


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


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



今年,语雀画板会持续关注创作者的体验,不断完善编辑功能,并在体验细节上持续打磨。与此同时还会考虑手绘风格、智能图形等能给用户带来小惊喜的能力。


我们希望画板能给用户一个无限创作的自由空间,尽情发挥自己的创意。

相关文章
|
算法 前端开发 数据可视化
语雀新画板
语雀新画板
394 0
|
数据可视化 测试技术 定位技术
任何人都可以制作的六大酷炫创意地图
任何人都可以制作的六大酷炫创意地图
310 0
任何人都可以制作的六大酷炫创意地图
|
Linux 开发工具 开发者
猿如意中的【取色器】效率工具详情介绍
猿如意中的【取色器】效率工具详情介绍
307 0
猿如意中的【取色器】效率工具详情介绍
【大陈子学低代码】— Vol.1 用宜搭酷应用制作的第一张酷卡片诞生
用集成自动化与酷卡片实现了部门特定人员的专属定时提醒,点对点推送,具备强动态性与交互性。
【大陈子学低代码】— Vol.1 用宜搭酷应用制作的第一张酷卡片诞生
|
搜索推荐 数据可视化 项目管理
好用、强大的大纲编辑器综合评测:Workflowy、 Dynalist 、 幕布、 Cloud Outliner 、 坚果云大纲笔记、 双链笔记、 大纲模式软件
好用、强大的大纲编辑器综合评测:Workflowy、 Dynalist 、 幕布、 Cloud Outliner 、 坚果云大纲笔记、 双链笔记、 大纲模式软件 最近几年,大纲编辑器作为特殊的编辑器,逐渐被很多用户所知悉。其中,支持将大纲一键转换为思维导图的幕布可能最为有名。 那么,对于笔记用户而言,是否需要选用一款大纲编辑器? 我将分析大纲编辑器的基本功能、分类、优点和缺点,以便用户更好地把握大纲编辑器的特点。然后,再推荐几款强大、好用的大纲编辑器。 关于大纲编辑器的具体分析比较多。如果只是期待查看值得推荐的大纲软件的话,建议直接跳转至本文最后一部分。
1740 0
好用、强大的大纲编辑器综合评测:Workflowy、 Dynalist 、 幕布、 Cloud Outliner 、 坚果云大纲笔记、 双链笔记、 大纲模式软件
|
数据可视化 搜索推荐
如何在 Notion 类产品中使用卡片笔记写作法:理念与实践
神奇的卡片盒笔记写作法? 随着以 Roam Research 为代表的双链笔记的崛起,自从 2020 年以来,尼克拉斯·卢曼教授的传奇故事,以及卡片盒笔记法的神奇之处日益被广大效率工具爱好者所熟知。这股风潮有两个表现:
407 0
如何在 Notion 类产品中使用卡片笔记写作法:理念与实践
|
数据可视化 uml UED
从 keynote 大神到语雀画图大神,她是怎么做的?
在语雀用户中有这样一位画图达人:一张图就能把项目盘点的清清楚楚,成为对焦项目进度的沟通工具;一张图就能把业务分析的明明白白,让项目成员快速达成共识;一张图就能把知识库的文档呈现得一目了然,帮助看的人快速获取信息。
|
数据可视化 搜索推荐 API
如何在 FlowUs、Notion笔记软件使用白板和代码绘制流程图(二)
关于如何在 FlowUs 这样的效率工具中如何使用流程图的话题,上次我们在文章中推荐了 ProcessOn 和 Draw.io 这两款工具。具体可以阅读原文。 除了专门的流程图工具,还有其他解决方案吗? 1. 使用白板工具绘制流程图或者思维导图。 2. 使用代码绘制流程图
638 0
|
存储
《秋风日常第一期》白板协作工具 LeanBoard
今天打算改变一下公众号的目标方向(手动狗头),也是和一位朋友闲聊之后来的灵感,决定以后分享一些日常学习到知识,或者看到好玩,有用的工具。今天通过 github daily,看到一款比较好用的并且精简的白板工具 ———— LeanBoard。
《秋风日常第一期》白板协作工具 LeanBoard
下一篇
无影云桌面