5个技巧让你的Excalidraw绘图看起来超专业！

UP主: 一摩尔炸鸡翅 · 时长: 12:41 · 🔗 B站原视频

标签: Excalidraw · 效率工具 · 绘图技巧 · 流程图 · 生产力

建立基础场景与流程图

让你的图表结构清晰且具备商业专业感，其实比你想象的要简单。在这个视频中，我们将向你展示如何做到这一点。首先，让我们使用默认设置建立一个基础场景。我们将制作一个简单的指南，帮助 HR 简化新员工的入职流程。

接下来，添加一个副标题来介绍这份指南的目的，然后是一段简短的介绍，概述入职的关键阶段。因为清晰度很关键，所以我们在选中文字工具的情况下，通过拖动光标来调整文本宽度，保持所有内容结构良好且易于阅读。现在，我们来定义入职流程的关键阶段，从入职前准备及其关键任务开始。

现在我们创建一个图表，清晰地区分 HR 和 IT 的职责。利用 Excalidraw 的内置快捷键，构建这样的图表既快速又轻松：Command + 方向键可以添加新节点，而 Option + 方向键可以让你在图表中无缝导航。首先，梳理 IT 的职责：设置账号、提供必要的设备，并确保员工能够访问公司的工具和软件。另一方面，HR 负责入职流程，准备必要的文件，组织介绍会，并确保新员工得到适当的支持。最后，我们将添加一个结语，解释这份文档的重要性，这里直接复用开头的介绍文本以加快速度。基础场景的创建就完成了。

技巧一：灵活运用不同字体

现在我们进入第一个技巧：尝试不同的字体。Excalidraw 以其手写字体闻名，这也是文本工具的默认设置，但你的选择远不止于此。如果需要，你可以从首选项面板或字体选择器中选择其他可用字体。

给大家一些建议：Lilita One 非常适合用于标题或需要突出的文本；Nunito 非常适合标准的段落文本；而 Comic Shanns 则非常适合代码、引用，或者当你想要区分文本但仍希望保持严肃基调时使用。

你可以看到，即使是微小的调整（比如调整字体和大小），也会对整个图表的观感产生巨大影响。因为这个过程需要不断尝试直到满意为止，我们会稍微加速一下画面。在继续之前，分享一个快速提示：在调整带有文本的元素大小时，默认情况下文本大小保持不变；但如果你想让文本随容器按比例缩放，只需在调整大小时按住 Shift 键即可。

技巧二：使用素材库添加视觉元素

通过字体设定好合适的基调后，我们进入下一个技巧：使用 Excalidraw 素材库（Libraries）为你的图表提供视觉支持。

在这个案例中，我们将寻找带有图标的素材库来辅助图表。首先找一个代表 IT 的图标，比如一台电脑。找到合适的图标后，我们将其添加到 Excalidraw 素材库中，然后在素材库面板中点击它，将其放置到画布上。我们会调整图标的大小，确保它与图表的尺寸相匹配。

为了确保图标与图表的设计风格一致，我们还要做一个额外的调整：在每个图标后面添加一个矩形作为背景和容器。

技巧三：调整形状属性与颜色

接下来我们将展示，即使是简单的更改，比如调整描边宽度、样式、手绘感（Sloppiness）、锐利边缘、箭头样式，当然还有颜色，也能显著影响设计的整体感觉。

技巧四：调整节点大小与重新排版

你可以看到目前的图表比实际需要的稍微大了一些，所以我们将再次使用画布和形状属性，来调整各个节点的大小，并重新定位整个图表，直到它的尺寸和位置恰到好处。

技巧五：利用吸附与网格对齐元素

现在我们准备好介绍最后一个技巧了：对齐所有元素，让图表呈现出精致的最终效果。

为此，我们将使用几个非常实用的功能。首先是“对象吸附”（Snapping to objects），可以通过在画布上右键单击唤出上下文菜单来启用。这个便捷的功能会在你移动元素时显示红色参考线，让你轻松地将对象对齐或吸附在一起。

如果需要更高的精度，你还可以从上下文菜单中启用“网格”（Grid）。网格可以帮助你更轻松地分布元素，或者确保所有内容都完美就位，就像我们现在的图表一样。