一切还要从 Excalidraw 说起。
从 Excalidraw 说起
长时间以来,我在日常工作学习过程中始终都有很强的绘制「流程图」、「框架图」、「线框图」等的诉求。尝试过非常多的工具,比如 Omnigraph、语雀、钉钉文档、Balsamiq Wireframes、processon、drawio 等等,不过一直没能找到便利性和美观性兼顾的绘图工具。不是绘图不是特别方便,就是绘制出的图形没有高级感。
最近偶然间发现了一款堪称神器的手绘效果白板工具 Excalidraw,完美满足了我在绘图便利性和美观性两方面的诉求。一经发现,爱不释手,我也不知不觉间称为了 Excalidraw 的重度用户,工作学习中的各种「流程图」、「框架图」、「线框图」等绘制的得心应手。
不过,Excalidraw 也有几个缺点:
- 默认不支持中文手写效果,因此当手绘图形中掺杂了很多非手写中文时,总会觉得图形不伦不类;
- 只支持单画布绘图,当有多个图形并行绘制的诉求时,需要不断重复将线上图形保存到本地、重新加载另一个本地文件进行另一个图形绘制的过程;
- 缺少本地文件存储和云端存储能力,Excalidraw 绘制的图形只能临时存储在浏览器存储中,容易丢失,不利于持久化创作和分享;
- 不支持脑图、表格、文档嵌入等一些常见场景;
自己动手,丰衣足食
针对上述使用过程中的痛点,作为一个开发者,能动手绝对不哔哔。于是,我决定站在巨人肩膀上,基于开源 Excalidraw 进行二次开发,第一步先支持掉默认中文手写效果、自定义字体、多画布绘图能力,然后再逐步支持本地文件存储、云端存储、脑图、表格、文档嵌入等能力,开发出一款自己用的爽的、核心基于白板的思维管理工具,用于在日常工作、学习中将思维过程展现在白板中,进而进行进一步的思维梳理、思维管理。当然,如果这款产品也能满足其他有相同诉求的小伙伴,那就再好不过了。
于是,我按照上述节奏开启了自己的二次开发过程。开发过程中,也给产品起了一个名字:Revezone
ini
Revezone = Reve + Zone
Reve = Reve(法语:梦想) + Revelation(启示)
Zone = 区域、地带
Revezone 有"启示地带"、"梦想地带"的含义,致力于打造一款高效易用的思维管理空间,让大家的思维能够高效管理、相互碰撞、相互启发。
说干就干。经过一段时间的开发,目前已经支持如下能力。
第一步:支持默认中文字体
首先,Revezone 在白板的手写字体中默认支持了中文手写字体,中英文使用同一个手写字体进行渲染。效果前后对比如下:
优化前 Excalidraw 效果:
优化后 Revezone 效果:
第二步:支持自定义字体
对于手写字体,不同用户的喜好千差万别,正所谓"彼之砒霜,吾之蜜糖"。部分用户可能并不喜欢默认手写字体。另外,不同场景对于手写字体效果的要求可能也会不同,一种默认手写字体不能满足所有用户场景。因此,Revezone 支持了自定义字体功能。
在 Revezone 设置中,可以上传自己喜欢的字体,并在白板中选择启用一个自己喜欢的字体。
自定义字体界面:
这里注意,开启自定义字体之后,请手动重启应用,重启后自定义字体即可生效。
你可以在白板中任意自定义你喜欢的字体,这是一个自定义字体效果示例:
第三步:支持灵活的目录管理
随着白板文件的增多,灵活的目录管理可以极大的提升思维管理的效率。因此,Revezone 支持了可拖拽多级目录管理、多标签页灵活布局、可拖拽侧边栏。
可拖拽多级目录管理
可拖拽的多级目录是最灵活的一种目录管理方式。因此,Revezone 对此做了支持,让用户以最大的灵活度进行目录管理。用户可以随意拖拽调整文件或文件夹的层级、位置,也可以同时选中多个文件或文件夹进行批量操作。
多标签页灵活布局
当要管理的白板文件很多时,在不同白板间切换是一件成本很高的事情。Revezone 通过可拖拽标签页的能力允许用户在已打开的文件间进行标签切换,并且允许随意拖拽调整位置和布局,可以进行灵活的分屏管理,方便多个白板同时编辑。
可拖拽侧边栏
当文件名称过长时,左侧边栏空间可能不足以展示。因此 Revezone 支持了可拖拽侧边栏的能力,你可以随意定义左侧边栏空间。
更多特性开发中
目前更多有用的产品特性正在开发中,关注作者少数派、B站、Github了解最新开发动态。我将持续在上述平台更新产品开发动态和产品思考,欢迎关注并交流。
产品特性开发列表:
立即体验
Revezone 定位为构建第二大脑的思维管理工具。目前 Revezone 已经支持「默认中文手写字体」、「自定义字体」、「可拖拽多级目录」、「可拖拽标签页布局」、「可拖拽侧边栏」、「类 Notion Markdown 编辑器」等特性,还有更多有用的特性正在开发中。已完成的特性也已经进入公测阶段,欢迎进行体验并提出宝贵产品建议。
- 线上体验地址:revezone.com
- 桌面应用下载地址(目前已支持 MacOS、Windows):github.com/revezone/re...
- Github 地址(开发不易,动动小手给个 Star 吧 ):github.com/revezone/re...
开启体验,让我们一起使用 Revezone 构建第二大脑吧!