在 draw.io 中绘制徒手信息图
draw.io 的形状库虽然拥有大量用于技术图表的形状，但可用于信息图表的插图相对较少。您可以使用平板电脑上的 draw.io 轻松创建自己的插图形状。例如，这幅潮汐池信息图中的所有插图都是在 draw.io 中以手绘方式绘制的。
徒手画一个图形
在简易模式下，单击工具栏中的自由绘制工具。在经典编辑器中，从菜单中选择“排列”>“插入”>“自由绘制”即可打开自由绘制工具。
使用滑块调整画笔宽度。
如果您需要移动绘图画布、放大或缩小，或者在不创建新标记的情况下移动单个笔画，请在自由绘图工具中单击“停止绘图” 。
点击“开始绘制”继续绘制。
画完徒手图形后，将画的所有线条组合在一起，使它们保持在一起。
在电脑上使用键盘快捷键（Ctrl+G或Cmd+G）或右键单击选定的形状并从上下文菜单中 选择“组合”可以更快地完成此操作。
构建一个自由绘制形状库
您可以将形状拖到草稿纸中，包括您绘制的任何形状，从而可以轻松地在多个图表中重复使用形状。
从形状库中添加组件
当您将形状库中的形状拖到您的自由绘制形状（之前已分组）上时，您会看到轮廓变成紫色。
将新形状覆盖在顶部，同时保持轮廓为紫色，以添加到组的前面。
通过格式面板的“排列”选项卡将此形状置于底层。
在这个信息图示例中，每个手绘生物都将被放置在一个圆圈内，以提高最终信息图的可读性。
您可以从我们在 GitHub 上的 drawio-diagrams 存储库下载自由手绘岩池形状自定义库。
使用图层来组织你的信息图。
点击工具栏左上角的“视图”工具，然后选择“图层”，或者按快捷键Ctrl+Shift+L打开“图层”对话框。
在这个例子中，我们将使用四层：
用于绘制剖面潮汐池手绘形状的背景图层。
生物层。
标签层用于解释潮汐池中的不同区域。
添加一层色彩晕染，以显示不同的潮间带。
点击“+”添加图层，双击图层名称即可重命名。
选中形状后，您会在它当前所属图层旁边看到一个点。要将选中的形状从一个图层移动到另一个图层，请通过“图层”对话框菜单进行操作——单击三条水平横线，然后单击“移动选区到”，并选择目标图层。
逐层构建信息图更容易——点击图层旁边的眼睛图标即可将其隐藏。这样就不会意外地向该图层添加形状了。
要锁定图层并确保该图层上的形状无法被选中，请单击图层名称旁边的锁定图标。已锁定的图层会以红色清晰显示。
注意：如果您不想使用图层，请Alt在将形状拖放到组合形状上时按住鼠标左键，如果您不想将新形状添加到组中。
给你的信息图添加标签
使用连接线为信息图中的图表添加标签，或将文本组件链接到正确的位置。最好尽量减少文本数量，以免分散观众对可视化效果的注意力。
在这个例子中，我们使用了Misc 形状库（通用形状库的一部分）中的右花括号形状来表示生物生活在潮汐池的多个区域的情况。
请确保文本标签格式清晰易读——在格式面板的 “文本”选项卡中更改字体大小和颜色。
您可能需要调整图层顺序以提高可读性。我们的示例在彩色图层位于图表底部时更加清晰。
将信息图保存为图片或 PDF 文件
最后一步是将信息图保存为所需的格式。
打开 draw.io 菜单，选择“导出为”（或“文件”>“导出为”），然后选择 PNG 或 SVG导出为图像格式，并确保在将图像嵌入到其他文档或网页中时调整图像大小后，所有文本仍然可读。
或者，您可以将其导出为 PDF 文件，或打印后另存为 PDF 文件。请确保在“打印”对话框中将图表调整到正确的页数。
另一种方法是修改模板或信息图形状。
draw.io 模板库和信息图形状库中都有许多信息图示例，您可以对其进行修改以用于您的信息图。
通过工具栏（单击+然后选择模板）或通过菜单（排列 > 插入 > 模板）打开模板库。
点击左侧形状面板中的“更多形状” ，启用信息图表形状库。
例如，模板库中 “其他”类别下的“食物循环”模板可以轻松修改，以显示帽贝的生命周期。
提示：请查看我们的drawio-diagrams GitHub 存储库，获取更多模板和示例图表。