用 Adobe XD 进行设计、制作原型和共享

作者：Dani Beaumont

为画板选择预设大小。如果您想使用自定义大小，请在自定义选项下的文本字段中输入宽度和高度（以像素为单位）。如果您希望指定自定义大小，请单击“自定义大小”图标。

通过下列方法之一收集资源：

• 使用 Adobe XD 的设计工具从头开始设计您的资源。有关更多信息，请参阅绘图工具和文本工具。
• 从 Photoshop、Sketch、After Effects 或 Illustrator 中复制您的设计，然后将其粘贴到 Adobe XD 中的画板中。还可以通过以下工具导入、拖动或复制并粘贴 JPG、SVG、PNG 或 GIF 文件：
  • 文件资源管理器（在 Windows 上）
  • Finder（在 Mac 上）
  • Web 浏览器
  • OS 剪贴板

改进设计中的对象。例如，组合或遮盖对象、更改笔触和填充属性、使用叠加将内容堆叠在基本画板顶部以及移动或旋转对象，或者对多种屏幕尺寸和布局使用响应式调整大小来设计资源。使用链接的资源可创建并维护单一版本的 UI 套件、贴图纸或样式指南，以一致的设计可扩展性和插件进行跨文档分享，并自动执行重复操作或一部分单调、复杂或重复性的设计工作流程。

有关更多信息，请参阅：

• 选择对象、调整对象的大小和旋转对象
• 使用布尔运算组合对象和使用形状遮盖对象
• 为对象分组、锁定和重复对象
• 移动、对齐、分布和排列对象
• 为对象设置描边、填充和投影
• 使用响应式调整大小和约束
• 创建和管理插件
• 使用组件

使用“重复网格”功能轻松地位重复元素构建布局，基于现有内容创建网格，而无需手动复制它们。有关更多信息，请参阅创建重复元素。

使用插件自动执行重复操作或一部分繁琐、复杂或重复的设计工作流程。有关更多信息，请参阅创建和管理插件。

为原型中需要的每个屏幕添加更多画板。有关更多信息，请参阅使用画板。

如需链接画板或设置交互性，请选择画板或对象，然后单击右侧的箭头。此时会显示一条线。只需拖动此连线并将它连接到另一个对象或画板。在出现的弹出窗口中，指定过渡选项和过渡持续时间。

您还可以使用叠加模拟过渡概念，而无需跨多个画板复制内容。如需详细信息，请参阅创建交互式原型。

单击应用程序右上角的“预览”图标。XD 会显示一个预览屏幕，使用此屏幕，您可以查看不同的页面并在不同的页面间进行导航。“预览”屏幕具备一个“录制”图标，使用此图标，您可以录制页面之间的流程并将其保存为 MP4 格式。 

有关更多信息，请参阅预览和录制交互。

共享原型以进行设计审查、演示或用户测试。您还可以发布用于开发的原型和设计规范，或者根据自己的偏好自定义查看体验。有关更多信息，请参阅共享设计和原型。