Adobe XD 工具

Adobe XD 支持多种有用的工具，例如矩形、椭圆和选择工具，用于创建和定位设计元素。 在本节中，我们将讨论用于创建和管理设计元素的各种内置工具。

Adobe XD 提供了一个全面的工具箱来执行基本和高级操作。 工具是一种操作 XD 画布的方式。 每当我们悬停在一个工具上时，它都会显示其名称和快捷键。 要激活任何工具，请单击它。

默认情况下，Adobe XD 支持以下工具，位于工作区左侧的工具面板中。 Adobe XD 的工具面板如下所示

在上图中，我们可以看到一个作为工作区侧边栏的工具面板。 有多个工具可用于创建不同类型的 UI 元素，例如按钮、卡片、标题、页脚等。 让我们了解如何创建和自定义设计元素。

Adobe XD 的工具箱中列出了以下工具

• 选择工具 (V)
• 矩形工具 (R)
• 椭圆工具 (E)
• 多边形工具 (Y)
• 线条工具 (L)
• 钢笔工具 (P)
• 文本工具 (T)
• 画板 (A)
• 缩放 (Z)

我们将使用这些工具创建不同的形状，并使用 Adobe XD 右侧边栏中提供的工具选项自定义它们。 每个相应的工具都有工具选项来自定义形状。

工具选项

右侧边栏包含几个工具选项：颜色填充、边框、边框半径、模糊、填充、滚动等。 我们可以根据我们的要求选择任何选项。 右侧边栏中的选项将根据工具选择进行调整。 例如，如果我们选择文本工具，它将显示文本工具选项，例如字体大小、颜色、字体系列、字重等。

此外，右侧边栏还包含对齐、位置、滚动、变换等选项。它还包含用于管理组件不同状态的状态选项。 在原型模式下，它将把它的选项从自定义更改为原型设计和动画。

右侧边栏如下所示

从上图我们可以看到有几个选项可用于定位和设置形状的样式。 这是一个可滚动的菜单。

让我们详细了解每个工具，以及如何自定义这些工具创建的形状

选择工具

选择工具用于选择一个元素并使其在可用元素中处于活动状态。 我们还可以使用选择工具在我们的工作区中拖动元素来定位它们。 我们可以通过单击下面的图标来激活选择工具

或者，我们可以通过按“V”快捷键来选择它。

矩形工具

矩形工具用于创建矩形和正方形。 我们可以使用矩形工具创建不同大小的卡片、容器和按钮。

我们可以通过使用不同的工具选项（例如颜色填充、边框、边框半径、阴影等）从 Adobe XD 的右侧边栏对矩形进行样式设置。

我们可以通过单击下面的图标来选择矩形工具

或者，我们可以按“R”快捷键来激活矩形工具。

椭圆工具

椭圆工具用于创建椭圆形或圆形。 它将用于创建个人资料图片部分和用于 Web 应用程序的圆形容器。 要创建一个完美的圆，请在拖动鼠标指针时按住Shift键。 但是，我们也可以从右侧边栏菜单手动定义高度和宽度。 我们还可以使用右侧边栏菜单将不同的颜色和样式应用于创建的形状。 它包含所有工具选项。

我们可以通过单击下面的图标来选择椭圆工具

或者，我们可以按“E”快捷键来激活椭圆工具。

多边形工具

多边形工具用于创建多边形，例如三角形。 要创建一个完美的三角形，请在拖动鼠标指针时按住Shift键。

要选择多边形工具，请从工具箱中选择下面的图标

或者，我们可以按“Y”快捷键来选择它。

线条工具

线条工具用于在画板上创建线条。 直线对于在网页设计中创建分隔线很有用。 我们可以自定义这些线条，例如使用右侧边栏中的工具选项提供颜色和粗细。 要创建一条直线，请激活线条工具，选择一个起点以将其拖动到任何方向。 我们可以通过单击下面的图标来激活线条工具

或者，我们可以通过按“L”快捷键来激活线条工具。

钢笔工具

Adobe XD 提供了对钢笔工具的支持。 钢笔工具是 Adobe 提供的最好的工具之一。 它用于创建可以被操纵以绘制复杂部分的路径和形状。 钢笔工具的创造力是无限的； 我们可以画出我们想象的任何东西。 钢笔工具对于创建形状、波浪形背景和交叉部分很有用。

我们可以通过单击下面的图标来激活钢笔工具

或者，我们可以按“P”快捷键来激活钢笔工具。 了解更多关于 钢笔工具。

文本工具

文本工具用于将文本添加到画板。 它对于向设计和画板添加标题和其他文本内容很有用。 我们可以使用右侧边栏菜单中提供的工具选项自定义文本，例如颜色、大小、字重等。

我们可以通过单击下面的图标来激活文本工具

或者，我们可以按“T”键来激活钢笔工具。

画板

画板是 Adobe XD 的画布，我们可以在其中设计所有元素。 画板工具允许我们向工作区添加更多画板，用于多个屏幕。

可以通过单击下面的图标添加画板

或者，我们可以按“A”快捷键将画板添加到工作区。

单击画板图标后，它将在右侧边栏中询问画板大小。 我们可以为不同的设备（例如移动设备和 Web）选择任何预定义的画板。 它将在工作区中添加一个新的画板。 下面是具有多个画板的工作区的快照。

缩放

缩放工具用于缩放画板。 激活缩放工具后，我们可以通过单击画板来缩放它。 当缩放被激活时，鼠标指针将转换为加号。 我们可以通过单击下面的图标来激活缩放工具

或者，我们可以通过按“Z”键来激活它。

我们还可以使用Ctrl + '+'和Ctrl + "-"组合键来放大或缩小对象。

在这里，我们讨论了在左侧边栏菜单的工具箱中给出的所有工具。 这些工具将在本教程中使用，以创建不同的设计元素。