第2章 Adobe XD的设计模式

第2章

Adobe XD设计模式

2.1 Adobe XD的软件界面布局

Adobe XD 设计和原型构建界面

◼在Adobe XD 中，您可以使用各种元素（例如，工具栏和“属性检查器”）来创建和控制您的设计和原型。这些元素构成了Adobe XD 的工作区。

了解Adobe XD 中的设计和原型构建界面。

◼主页屏幕

◼启动Adobe XD 时，您会看到“主页”屏幕。

◼通过“主页”屏幕，您可以快速访问画板预设、加载项、云文档、与您共享的文件，并可以管理链接、删除的文件以及存储在计算机中的文件。您还可以访问最近访问的XD 文件、XD 的新增功能、学习和支持文章、内置教程和产品反馈选项。

◼工作区概述

◼MAC工作界面

◼Mac 上的Adobe XD 工作区

◼A. 主菜单B. 设计模式C. 原

型模式D. 在移动设备上查看

E. 预览

F. 在线共享

G. 属性检

查器H. 粘贴板I. 画板J. 插件

K. 图层L. 资源M. 工具栏

◼工作区概述

◼MAC工作界面

◼在macOS 上

◼云文档会自动保存，窗口会关闭。

◼您将收到一条弹出消息，以查看更改。

◼单击“查看更改”。

◼工作区概述

◼Windows工作界面

◼Windows 10 上的XD 界面与Mac 界面类似，但有一

些细微差别：

◼在Windows 上，没有顶级菜单和“对象”菜单。不

过，您只需右键单击一个对象，即可使用上下文菜单。

◼Windows 上的XD 的左上角有一个汉堡菜单，使用该

菜单，您可以创建或打开文件、保存和导出资源。

◼Windows 上的Adobe XD 工作区

◼ A. 设计模式B. 原型模式C. 缩放级别D. 在线共享E.

属性检查器F. 粘贴板G. 画板H. 工具栏I. 弹出菜单

◼当您从XD 应用程序或Creative Cloud 或任何其他

Creative Cloud 应用程序注销时，如果有任何文档在

Adobe XD 中处于打开状态，请按照以下说明在

Windows 和macOS 中处理该文档：

◼工作区概述

◼Windows工作界面

◼云文档会自动保存，窗口会关闭。

◼如果是本地文档，会出现“保存”或“不保存”对话

框。将文件保存到计算机上的所需位置。

第2章

Adobe XD设计模式

2.2Adobe XD工具应用

Adobe XD 绘图和文本工具

◼绘图工具

◼绘制矩形和方形

◼选择矩形工具。

◼执行以下操作之一：

◼若要绘制一个矩形，向对角线方向拖动直到矩形达到所需大小。◼若要绘制一个方形，在按住Shift 键的同时向对角线方向拖动直到方形达到所需大小。

◼要绘制一个圆角矩形，请绘制一个矩形，然后单击它以查看半径编辑手柄。单击任何手柄并将其拖向矩形的中心。您还可以使用“属性检查器”为一个或多个角的半径输入特定的值。

◼要进一步自定义您的方形或矩形，您可以编辑圆角半径。

◼要仅调整单个角的半径，请执行以下操作之一：

◼或Alt 键(Win)，单击圆角手柄，然后拖动鼠标。

◼在“属性检查器”中选择后，分别编辑每个圆角半径值。

◼要同时调整所有角的半径，请执行以下操作之一：

◼单击圆角半径并拖动鼠标。

◼在“属性检查器”中选择后，编辑半径的值。

◼绘图工具

◼绘制椭圆和圆形

◼执行以下操作之一：

◼向对角线方向拖动直到椭圆达到所需大小。◼如需创建圆形，请按住Shift 键并拖动鼠标。

◼绘图工具

◼绘制线条

◼选择直线工具。

◼将指针定位到希望线段开始的地方，然后拖动到希望线段终止的地方。

◼绘图工具

◼用钢笔工具绘图

◼选择钢笔工具。

◼将钢笔工具定位到所需的直线段起点并单击，以定义第一个锚点。

◼再次单击希望线段结束的位置（按住Shift 键并单击以将线段的角度限制为45 度的倍数）。

◼继续单击，为更多直线段设置锚点。

◼注意:

◼如需将锚点从直线转换为曲线（或执行相反操作），请双击锚点。

◼最后添加的锚点总是会显示为实心圆形，这表示其已被选中。当添加更多的锚点时，以前定义的锚点会变成空心并被取消选择。

◼通过执行下列操作之一来完成路径：

◼要使路径保持打开状态，请单击Esc。

◼要闭合路径，请将“钢笔”工具定位在第一个（空心）锚点上。单击或拖动以闭合路径。

◼如需选择并拖动起点而不闭合路径，请按住Cmd/Ctrl 键。

◼绘制直线

◼绘图工具

◼绘制跟有曲线的直线

◼使用“钢笔”工具()，单击两个位置的角点以创建直线段。

◼将“钢笔”工具定位在所选端点上。若要设置将要创建的下一条曲线段的斜度，单击锚点并拖动显示的方向线。

◼将钢笔定位到所需的下一个锚点位置，然后单击（在需要时还可拖动）这个新锚点以完成曲线。

◼绘制跟有直线的曲线

◼使用钢笔工具()，拖动创建曲线段的第一个平滑点，然后松开鼠标按钮。◼在需要曲线段结束的位置重新定位“钢笔”工具，拖动以完成曲线，然后松开鼠标按钮。

◼将“钢笔”工具定位在所选端点上。

◼将钢笔工具重新定位到所需的直线段终点，然后单击以完成直线段的绘制。