likes
comments
collection
share

Revezone: 换个姿势使用 Excalidraw 手绘效果白板

作者站长头像
站长
· 阅读数 5

一切还要从 Excalidraw 说起。

从 Excalidraw 说起

长时间以来,我在日常工作学习过程中始终都有很强的绘制「流程图」、「框架图」、「线框图」等的诉求。尝试过非常多的工具,比如 Omnigraph、语雀、钉钉文档、Balsamiq Wireframes、processon、drawio 等等,不过一直没能找到便利性和美观性兼顾的绘图工具。不是绘图不是特别方便,就是绘制出的图形没有高级感。

最近偶然间发现了一款堪称神器的手绘效果白板工具 Excalidraw,完美满足了我在绘图便利性和美观性两方面的诉求。一经发现,爱不释手,我也不知不觉间称为了 Excalidraw 的重度用户,工作学习中的各种「流程图」、「框架图」、「线框图」等绘制的得心应手。

Revezone: 换个姿势使用 Excalidraw 手绘效果白板

不过,Excalidraw 也有几个缺点:

  1. 默认不支持中文手写效果,因此当手绘图形中掺杂了很多非手写中文时,总会觉得图形不伦不类;
  2. 只支持单画布绘图,当有多个图形并行绘制的诉求时,需要不断重复将线上图形保存到本地、重新加载另一个本地文件进行另一个图形绘制的过程;
  3. 缺少本地文件存储和云端存储能力,Excalidraw 绘制的图形只能临时存储在浏览器存储中,容易丢失,不利于持久化创作和分享;
  4. 不支持脑图、表格、文档嵌入等一些常见场景;

自己动手,丰衣足食

针对上述使用过程中的痛点,作为一个开发者,能动手绝对不哔哔。于是,我决定站在巨人肩膀上,基于开源 Excalidraw 进行二次开发,第一步先支持掉默认中文手写效果、自定义字体、多画布绘图能力,然后再逐步支持本地文件存储、云端存储、脑图、表格、文档嵌入等能力,开发出一款自己用的爽的、核心基于白板的思维管理工具,用于在日常工作、学习中将思维过程展现在白板中,进而进行进一步的思维梳理、思维管理。当然,如果这款产品也能满足其他有相同诉求的小伙伴,那就再好不过了。

于是,我按照上述节奏开启了自己的二次开发过程。开发过程中,也给产品起了一个名字:Revezone

Revezone = Reve + Zone
Reve = Reve(法语:梦想) + Revelation(启示)
Zone = 区域、地带

Revezone 有“启示地带”、“梦想地带”的含义,致力于打造一款高效易用的思维管理空间,让大家的思维能够高效管理、相互碰撞、相互启发。

Revezone: 换个姿势使用 Excalidraw 手绘效果白板

说干就干。经过一段时间的开发,目前已经支持如下能力。

第一步:支持默认中文字体

首先,Revezone 在白板的手写字体中默认支持了中文手写字体,中英文使用同一个手写字体进行渲染。效果前后对比如下:

优化前 Excalidraw 效果:

Revezone: 换个姿势使用 Excalidraw 手绘效果白板

优化后 Revezone 效果:

Revezone: 换个姿势使用 Excalidraw 手绘效果白板

第二步:支持自定义字体

对于手写字体,不同用户的喜好千差万别,正所谓“彼之砒霜,吾之蜜糖”。部分用户可能并不喜欢默认手写字体。另外,不同场景对于手写字体效果的要求可能也会不同,一种默认手写字体不能满足所有用户场景。因此,Revezone 支持了自定义字体功能。

在 Revezone 设置中,可以上传自己喜欢的字体,并在白板中选择启用一个自己喜欢的字体。

自定义字体界面:

Revezone: 换个姿势使用 Excalidraw 手绘效果白板

这里注意,开启自定义字体之后,请手动重启应用,重启后自定义字体即可生效。

你可以在白板中任意自定义你喜欢的字体,这是一个自定义字体效果示例:

Revezone: 换个姿势使用 Excalidraw 手绘效果白板

第三步:支持灵活的目录管理

随着白板文件的增多,灵活的目录管理可以极大的提升思维管理的效率。因此,Revezone 支持了可拖拽多级目录管理、多标签页灵活布局、可拖拽侧边栏。

可拖拽多级目录管理

可拖拽的多级目录是最灵活的一种目录管理方式。因此,Revezone 对此做了支持,让用户以最大的灵活度进行目录管理。用户可以随意拖拽调整文件或文件夹的层级、位置,也可以同时选中多个文件或文件夹进行批量操作。

Revezone: 换个姿势使用 Excalidraw 手绘效果白板

多标签页灵活布局

当要管理的白板文件很多时,在不同白板间切换是一件成本很高的事情。Revezone 通过可拖拽标签页的能力允许用户在已打开的文件间进行标签切换,并且允许随意拖拽调整位置和布局,可以进行灵活的分屏管理,方便多个白板同时编辑。

Revezone: 换个姿势使用 Excalidraw 手绘效果白板

可拖拽侧边栏

当文件名称过长时,左侧边栏空间可能不足以展示。因此 Revezone 支持了可拖拽侧边栏的能力,你可以随意定义左侧边栏空间。

Revezone: 换个姿势使用 Excalidraw 手绘效果白板

更多特性开发中

目前更多有用的产品特性正在开发中,关注作者少数派B站Github了解最新开发动态。我将持续在上述平台更新产品开发动态和产品思考,欢迎关注并交流。

产品特性开发列表:

Revezone: 换个姿势使用 Excalidraw 手绘效果白板

立即体验

Revezone 定位为构建第二大脑的思维管理工具。目前 Revezone 已经支持「默认中文手写字体」、「自定义字体」、「可拖拽多级目录」、「可拖拽标签页布局」、「可拖拽侧边栏」、「类 Notion Markdown 编辑器」等特性,还有更多有用的特性正在开发中。已完成的特性也已经进入公测阶段,欢迎进行体验并提出宝贵产品建议。

开启体验,让我们一起使用 Revezone 构建第二大脑吧!

Revezone: 换个姿势使用 Excalidraw 手绘效果白板