XD

Adobe XD是一款用户体验设计和原型设计工具,用于设计网站、应用程序、语音界面、游戏和其他类型的数字体验。

浏览产品Tutorials

创建具有悬停状态的组件

创建具有悬停状态的组件

为您的交互式设计创建可重复使用、可动态调整大小的按钮

创建和填充重复网格

创建和填充重复网格

只需单击并拖动,即可将单个元素转变为重复网格

使用栈叠

使用栈叠

使用stack属性可轻松重新排列元素

创建原型 — 锚点链接和滚动组

创建原型 — 锚点链接和滚动组

将导航和滚动添加到原型

创建原型 — 交互式组件状态

创建原型 — 交互式组件状态

为原型添加交互性和叠加菜单

电子邮件 — 创建和填充重复网格

电子邮件 — 创建和填充重复网格

只需单击并拖动,即可将单个元素转变为重复网格

电子邮件 — 使用栈栈

电子邮件 — 使用栈栈

使用stack属性可轻松重新排列元素

间隔物
间隔物

创建 组件 使用悬停状态(7:35) tutorial1

描述
为您的交互式设计创建可重复使用、可动态调整大小的按钮。

在本教程中,您将了解如何:

  • 对源主组件进行更改,这些更改会自动推送到该组件的所有实例
  • 使用组件确保一致性、节省时间、减少点击次数

呈列方式:
Michael Murphy,高级解决方案顾问(数字媒体)

创建和填充重复网格(2:57) tutorial2

描述
只需单击并拖动,即可将单个元素转变为重复网格。

在本教程中,您将了解如何:

  • 加快您的工作流程,并立即拖出您需要的任意大小的网格
  • 导入真实的内容和数据,XD会神奇地将所有图像和文本放入您的网格
  • 更改一次,然后将其应用于您喜欢的任何方向

呈列方式:
Ashley Dvorin,高级解决方案顾问(数字媒体)

使用栈叠(5:33) tutorial3

描述
使用stack属性可轻松重新排列元素。

在本教程中,您将了解如何:

  • 即使在设计发生更改时,也保持画布上对象之间的对齐方式和间距
  • 插入新对象或对栈栈中的对象重新排序,即可自动调整所有内容

呈列方式:
Michael Murphy,高级解决方案顾问(数字媒体)

创建原型 — 锚点链接和滚动组(9:55) tutorial4

描述
将导航和滚动添加到原型。

在本教程中,您将了解如何:

  • 通过某项操作将链接添加到原型,使用户可跳转到同一画板上的不同点
  • 通过定义独立于其他设计滚动的区域,创建活动源、图像轮播、产品列表等
  • 创建垂直、水平或同时垂直滚动的组

呈列方式:
Michael Murphy,高级解决方案顾问(数字媒体)

创建原型 — 交互式组件状态(8:55) tutorial5

描述
为原型添加交互性和叠加菜单。

在本教程中,您将了解如何:

  • 无需额外画板即可创建非线性交互式动画用户体验
  • 在单个XD文档中创作多个原型或交互流,并为每个流发布唯一的可共享链接

呈列方式:
Emilie Enke,解决方案副顾问(数字媒体)

电子邮件 — 创建和填充重复网格(4:45) tutorial6

描述
只需单击并拖动,即可将单个元素转变为重复网格。

在本教程中,您将了解如何:

  • 加快您的工作流程,并立即拖出您需要的任意大小的网格
  • 导入真实的内容和数据,XD会神奇地将所有图像和文本放入您的网格
  • 更改一次,然后将其应用于您喜欢的任何方向

呈列方式:
Victoria Torres,解决方案顾问(数字媒体)

电子邮件 — 使用栈栈(3:38) tutorial7

描述
使用stack属性可轻松重新排列元素。

在本教程中,您将了解如何:

  • 即使在设计发生更改时,也保持画布上对象之间的对齐方式和间距
  • 插入新对象或对栈栈中的对象重新排序,即可自动调整所有内容

呈列方式:
Victoria Torres,解决方案顾问(数字媒体)

XD徽标

XD资源

学习和支持 是其他教程的中心, 新增功能,并提供指向社区论坛的链接。

2020年十月版

开始使用这些功能(以及更多功能!) 从Creative Cloud桌面应用程序下载最新更新。

recommendation-more-help
749bd7f2-920b-4c5e-bcb7-4ea92ec3a370