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

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

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



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


语雀画板的未来


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


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



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


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

相关文章
|
5月前
|
监控 Devops Java
🚀 利用云效DevOps完成首次自动化部署:开发到上线仅需1小时
一位独立开发者借助阿里云云效DevOps,将原本耗时两天的手动部署缩短至47分钟,部署频率从每月一次跃升至每日三次。本文详解如何通过云效实现代码提交到线上部署的全流程自动化,涵盖流水线搭建、多环境部署、自动化测试与效能度量,助力团队迈向高效持续交付,让发布从“大事件”变为日常小操作。
|
安全 Unix 网络安全
你真的理解ssh吗?5分钟ssh入门到精通
这篇文章提供了SSH的基础知识、基础使用、高级配置方法,以及如何实现SSH的免密登录,帮助用户从入门到精通SSH。
1995 2
|
供应链 监控 数据可视化
如何通过库存看板优化企业的库存管理流程,提升供应链反应速度?
库存管理是现代企业管理的重要环节,尤其在制造业、零售业及电商领域。本文详细探讨了如何通过库存看板优化管理流程,从基本概念、工作原理、实际应用到实施步骤,帮助企业提升库存管理的效率与精度。库存看板通过实时监控、拉动系统和数据驱动决策,减少库存积压和缺货,提高库存周转率,支持企业实现精益管理。
如何通过库存看板优化企业的库存管理流程,提升供应链反应速度?
|
监控 安全 数据安全/隐私保护
ERP系统中的组织架构与权限管理解析
【7月更文挑战第25天】 ERP系统中的组织架构与权限管理解析
1607 2
|
存储 Java 数据库
|
测试技术
深入理解软件测试中的边界值分析法
【5月更文挑战第2天】 在软件测试领域,边界值分析是一种高效且实用的测试设计技术。本文将探讨边界值分析法的原理、实施步骤以及其在各种测试场景中的应用。通过对边界条件进行精确的测试,可以揭示那些可能被忽视的错误,从而提高软件产品的质量。文中还将讨论如何结合其他测试方法来优化边界值分析,确保测试过程更加全面和高效。
|
Java Maven
idea下载不下来maven三方库源码处理
idea下载不下来maven三方库源码处理
491 1
|
存储 编译器 数据库
【C++ 包装器类 std::tuple】全面入门指南:深入理解并掌握C++ 元组 std::tuple 的实用技巧与应用(一)
【C++ 包装器类 std::tuple】全面入门指南:深入理解并掌握C++ 元组 std::tuple 的实用技巧与应用
1546 0
|
Unix Linux 索引
Linux 基础解惑:Linux 下文件描述符标志和文件描述符状态标志,文件状态标志,文件状态之间的区别
Linux 基础解惑:Linux 下文件描述符标志和文件描述符状态标志,文件状态标志,文件状态之间的区别
536 0
|
安全 Java Spring
如何在调试开发阶段,在已经配置了springsecurity的情况下还能使用swagger或者knife4j
如何在调试开发阶段,在已经配置了springsecurity的情况下还能使用swagger或者knife4j
414 0

热门文章

最新文章