使用分层形状创建信息图和幻灯片
当你将一个 3D 图形切片并分层绘制成图表时,就能清晰地看到一个概念或过程被分解成更小的部分。以下是一个分步教程,教你如何使用 draw.io 基础图形库中的形状创建自己的信息图。
这种层叠重复的形状非常适合用于信息图表或制作演示文稿幻灯片。
注意:本教程向您展示如何在绘图画布上的单个图表图层上重叠形状。
启用信息图表形状库
信息图形状库包含带有阴影的形状,非常适合用于演示幻灯片和信息图。
点击左侧面板底部的“更多形状” 。
向下滚动到左侧的“其他”类别,启用“信息图表形状库”复选框,然后单击“应用”。
前往diagram.new在我们的编辑器中开始创建一个新的图表。
用分层形状构建图表
如果遇到困难:点击以下步骤中的任何链接,即可查看如何执行该操作。
1. 添加形状:从形状库中拖动形状,或单击形状将其添加到绘图画布中。
将鼠标悬停在形状库中的形状上,即可查看更大的预览图。

2. 调整形状大小和旋转形状:单击并拖动外侧的抓取手柄来调整形状大小,或者拖动右上角的箭头来 旋转形状。

3. 复制形状:按Ctrl+D( Cmd+D) 复制并粘贴一个形状。将新形状拖动到第一个形状的正下方或旁边,使它们略微重叠。

4. 调整重叠顺序:点击右侧“排列”选项卡中的按钮,前后移动形状,使它们正确重叠。

5. 设置形状样式:选择一个形状,然后使用右侧的 “样式”选项卡更改其填充颜色、轮廓样式、添加渐变、圆角或使用草图粗糙样式。

添加标注和文本
添加航点形状:航点形状可以作为标注的干净利落的结尾,放置在其他形状之上即可。waypoint在左侧面板顶部的搜索字段中输入内容,然后按Enter。
将航点形状拖放到现有形状附近或上方。

拖动标注:将鼠标悬停在航点形状上的方向箭头上,然后从该箭头拖动连接线。在右侧的“样式”选项卡中设置连接线末端的样式。
添加文本:通用形状库中的文本框形状包含标题和示例文本。将其拖到绘图画布上,并将其放置在标注连接线附近。使用出现的蓝色参考线将文本与形状对齐。

如果您在上一步中选中了连接器,然后单击了文本框形状,它将连接到连接器的自由端,这可能正是您想要的,也可能不是。
按住此键,Alt在将形状移动到连接器附近或将连接器移动到形状附近时,可确保它们不会连接。按住此键Alt还可以忽略重叠形状时的容器形状和组。
添加图标:标志和剪贴画形状库包含适用于幻灯片和信息图表的图标。或者,您也可以在左侧面板顶部 搜索合适的形状。

调整背景样式
现在图表中的所有元素都已正确放置,您可以设置背景颜色并隐藏图表编辑器网格。您的图表现在将显示为添加到幻灯片或打印为信息图时的效果。
确保图表中未选中任何内容,然后在右侧的“图表”选项卡中取消选中“网格”和“页面视图”复选框。
启用“背景”复选框,并根据需要选择颜色。

样式标注和文本
为了使图表更容易理解,请设置航点形状、标题和标注的样式,使颜色与它们所附加的形状相匹配。

更改标题颜色:双击文本框形状以选中其中的所有文本。再次双击标题文本,即可仅选中该文本。在右侧的“文本”选项卡中更改字体颜色。
如果选中全部文本并更改文本样式,标题的样式也会随之更改。
文本框形状使用 HTML 标签进行格式化。您可以通过单击格式面板中“文本”选项卡上的HTML按钮直接编辑这些标签。再次单击“文本”选项卡中的HTML按钮即可返回所见即所得 (WYSIWYG) 视图。

嵌入或导出图表
将图表文件保存到Microsoft OneDrive,然后使用 draw.io Powerpoint 插件将图表文件嵌入到 Powerpoint 演示文稿中。
将图表文件保存到Google 云端硬盘,然后使用draw.io for Slides 插件将其嵌入到 Google 幻灯片中。
您可以将图表导出为多种格式,包括图像文件、PDF 文档、HTML 代码等。
更多层次的信息图表
信息图表形状库包含多个现成的信息图表和幻灯片模板,其中包含重叠形状。
提示:点击图表即可在 draw.io 查看器中打开它。
以下示例均使用 draw.io 中的General、Infographic和Shapes形状库中的基本形状创建。
