用户指南 取消(C)

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

了解如何使用 XD 设计交互式原型、线框和图形。

利用 Adobe XD ,UX 设计人员可通过单个应用程序来设计面向 Web 和移动应用程序的交互式用户体验。

可以在 XD 中的画板上设计快速简单的设计。然后,将画板连接在一起以创建可与利益相关者共享和迭代的交互式原型。您还可以使用插件,自动执行重复操作或一部分繁琐、复杂或重复的设计工作流程。 

Adobe XD 已实现与 Photoshop、Illustrator 和 After Effects 的良好集成。

您仍可继续在您喜欢的应用程序中进行设计,将这些资源导入 XD 中,然后使用 XD 创建和共享原型。XD 支持 SVG 和位图文件,且不会降低保真度。之后,您可以在 Adobe XD 中进一步增强这些资源,或使用它们开发交互式原型。 

一般工作流程

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

简单地说,此工作流程可用以下高级步骤来描述:

  • 设计创建设计布局元素、添加画板以及从其他应用程序(如 Adobe Illustrator、Adobe Photoshop 和 Adobe After Effects)中导入资源。您还可以使用插件,自动执行重复操作或一部分繁琐、复杂或重复的设计工作流程。
  • 创建原型选择设计中的对象或画板,并在画板之间创建交互。
  • 共享一旦项目可供审阅,您便能与利益相关者共享原型或设计规范,或导出项目或资源

继续阅读,了解有关在 XD 中进行设计、制作原型和进行共享的更多详细信息。

设计

Adobe XD 快速入门

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 文件。

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

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

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

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

共享

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

更快、更轻松地获得帮助

新用户?