Adobe XD 中的图层

图层是 Adobe XD 的基本元素。 Adobe XD 中的每个对象都作为图层添加。 图层就像单独的纸张，按顺序排列以创建完整的设计。

我们可以选择一个特定的图层并执行多个操作，例如移动、调整大小、使其透明等等。 要移动图层，请选择该图层并向任何方向拖动； 它将相应地移动。

图层位于工作区的顶部，并按定义的顺序堆叠。 我们可以从左侧边栏菜单底部的图层面板管理图层。 我们可以通过单击下面的图层图标来打开图层

我们还可以使用“Ctrl + Y”（对于 Windows）和“CMD + Y”（对于 Mac）组合键作为快捷方式来显示图层面板。

选择图层图标后，它将在新的附加侧面板中列出所有具有活动图层的图层，如下所示

在上面的面板中，将显示当前画板中的所有图层。

图层如何工作？

画板是我们放置设计组件的画布。 它是设计架构的核心元素。 当我们向画板添加新组件时，它将被添加到新图层以进行管理。

当我们选择一个设计元素时，相应的图层将被自动激活。 现在，应用的操作将应用于此图层。 例如，如果我们选择一个标签，那么将选择与该标签对应的图层。 现在，如果我们应用任何操作，例如应用颜色、增大字体大小或更改字体系列，它将仅应用于此标签。 考虑下图

从上图中，我们选择了一个标签。 如果我们应用任何操作，它只会影响所选标签。 我们可以使用右侧边栏菜单应用不同的操作。

图层面板布局

Adobe 产品以其直观的用户界面而闻名。 它们总是以有趣和创新的方式显示工具。 Adobe XD 图层面板与其他工具（如 Photoshop）略有不同。 在 Photoshop 中，有一个包含不同元素的单个画布，但在 Adobe XD 中，我们可以有多个画板。

默认情况下，图层面板显示项目中所有可用的画板。 如果选择了画板，它将显示其中可用组件的图层。

它可以轻松地浏览不同的图层。 因此，它简化了具有多个模块的大型项目中的工作流程，并提供了无缝的用户体验。

如果没有选择画板，图层面板将列出项目中可用的画板。

Adobe XD 还通过使用图层类型图标对其进行标记来促进 AI 图层识别功能。 我们可以通过其图标轻松识别图层。 例如，如果图层包含文本，则文本图标将标记在相应图层的旁边。 同样，它也将具有不同的图标矩形、圆形、椭圆形等。

如何管理图层？

我们可以使用图层面板轻松管理这些图层。 图层可以堆叠在另一个图层的顶部，以创建一个直观的用户界面。 我们还可以在一个图层中裁剪多个图层。

图层非常灵活。 可以对图层应用多个操作来管理它们。 这些操作包括删除、添加、重新定位、定义顺序等。要定义图层的顺序，请选择它并根据您的要求将其拖到顶部或底部。 此外，我们可以使用“Ctrl + }”或“Ctrl + {”组合键来增加或减少图层顺序。

如何在图层中搜索？

我们可以使用图层面板按图层名称搜索图层，或者按其内容（例如文本、形状等）过滤它们。 搜索面板经过优化，仅显示搜索字符串图层。 最近的搜索将保存到过滤器下拉列表中，以便轻松访问最近的搜索资源面板。

默认情况下，每个新添加的对象都会出现在新图层中。 例如，如果我们在画板中创建一个新按钮，其形状名称将添加到新图层中。

当我们对图层进行分组时，它将被命名为一个组并替换为单个图层。 就像这样，如果我们使用布尔运算添加图层，那么它将被替换为名称为布尔运算的单个图层。

您可以使用“图层”面板管理图层，例如，分组、重命名、复制或导出图层

图层上的操作

分组：要将多个图层分组，请按住 Ctrl 并单击图层来选择图层。 它将选择多个图层。 现在，右键单击并从上下文菜单中选择“分组”。 它将对所有图层进行分组。 我们还可以使用“Ctrl+G”组合键作为对图层进行分组的快捷方式。

重命名图层：要重命名图层，请选择该图层并右键单击它。 我们将有不同的图层选项； 从中选择“重命名”选项。 我们也可以双击图层来重命名它。

复制图层：要复制图层，请右键单击图层并从给定的图层选项中选择“复制”选项。 它将创建操作图层的另一个副本。

隐藏和显示图层：要隐藏图层，请将鼠标悬停在该图层上； 在这里，我们将有 3 个不同的图标，用于导出、锁定和隐藏。 选择眼睛图标（列表中的第三个）； 它将从画板中隐藏图层内容。 同样，我们可以显示该图层。

锁定和解锁图层：要锁定图层，请选择锁定图标（列表中的第二个）； 它将锁定图层。 除非解锁，否则我们无法更改内容和移动锁定的图层。 我们也可以按“Ctrl+L”组合键作为锁定和解锁图层的快捷方式。 同样，我们可以解锁该图层。

导出图层：我们可以将图层导出为不同的图像格式，例如 png、jpg 等。要导出图层，请选择悬停时的导出图标（列表中的第一个）。 现在，它将要求导出选项，选择所需的选项，然后按导出图标。 它会将图层文件以选定的图像格式保存。 我们还可以使用 Ctrl+E 组合键作为导出图层的快捷方式。

使用图层创建组件：我们还可以将图层或图层组创建为组件。 要从图层制作组件，请右键单击该图层并选择“制作组件”选项。 它将使图层成为可在整个项目中重复使用的组件。

删除图层：要删除图层，请右键单击该图层并从图层选项中选择“删除”选项。 它将从工作区中删除该图层。

在这里，我们讨论了不同类型的图层，例如文本、形状、图像等，此外； 我们还讨论了如何在 Adobe XD 中创建和管理图层。 图层是设计的一个非常基本的组成部分。 在整个教程中，我们将使用多个图层操作。