2018 年 8 月、2018 年 9 月和 2018 年 10 月版 Adobe XD
xd-mnemonic

Adobe XD 是一款用于设计 Web 和移动应用程序用户体验以及为其构建原型的基于矢量的工具。轻松地在线框、视觉设计、交互设计、原型构建、预览和共享功能间进行切换 — 均可在一个功能强大的工具中实现。

XD 适合所有类型的创作者 — UX/UI 设计人员、交互设计人员、体验设计人员、产品设计人员、Web 设计人员、应用程序设计人员、视觉设计人员、创业者等等。


Adobe XD 14 中的新增功能

利用云原生文档改进了协作

Cloud-Doc

Adobe XD 推出了云文档,这是一种新型云原生文档类型,为您提供快速便捷的方法来管理、共享文档并确保文档在各种设备中均为最新。 

您可以将 XD 设计另存为云文档,以确保它们始终为最新并可供您在离线时访问。然后,您可以与其他 Creative Cloud 用户共享这些内容并邀请他们开展协作。您重新上线后,您的作品将自动保存到云端。

云文档还支持跨文档资源,并允许您链接云文档中的符号。

要了解有关使用云文档的更多信息,请观看以下视频。


使用云文档还会影响您在 XD 移动应用程序中保存和访问文档的方式。如需更多信息,请参阅在移动设备上使用云文档XD 中的云文档以及管理云文档

若要详细了解使用云文档时的移动体验,请观看以下视频。


利用对象翻转进行更快速、更精确的设计

XD 引入了垂直或水平翻转对象的选项。翻转功能适用于除画板、重复网格和符号之外的所有基本元素,并且在翻转时会考虑到对象的当前旋转。

有关更多信息,请参阅翻转对象。

翻转对象
翻转对象

在“图层”面板中使用搜索来提高工作效率

您可以在“图层”面板中使用“搜索”和“筛选”功能,按图层名称进行搜索,或者按文本、形状和图像类别来筛选图层。搜索体验经过优化,仅显示包含关键字的相关图层和画板,不包含图层结构(例如,展开的组)。在画板之间自动制作动画图层时,这可能很有用。

有关更多信息,请参阅使用图层

在“图层”面板中搜索
在“图层”面板中搜索

在画布上预览链接的符号

滚动“资源”面板中的链接的符号更新图标,以在提交链接的符号更新之前在画布上预览它们。

有关更多信息,请参阅预览链接符号更新

预览链接的符号更新
预览链接的符号更新

与共享工作流程有关的 UI 更改

14_0-release-share
旧命名法 新命名法 工作流程。
不适用 共享文档 共享云文档以供审阅。
发布原型 共享以供审阅 发布并共享原型以供审阅。
发布设计规范 共享以开发 发布并与开发人员共享设计规范以供审阅。
管理发布的链接 管理链接 管理 assets.adobe.com 中的链接。
录制视频 录制视频 在使用自动制作动画时录制画板之间的交互的视频。如果存在交互式原型,则所有交互都会录制为 .mp4 文件。

改进了来自 Adobe Illustrator 的保留图层的视觉保真度

通过改进从 Adobe Illustrator 到 XD 中的复制和粘贴,可以让层、结构和效果的视觉保真度与其在 Adobe Illustrator 中的设计完全保持一致。此工作流程现在与从 Illustrator 导入一致。

改进了与 Photoshop、Illustrator 和 After Effects 的集成。

转换 Illustrator 或 Photoshop 内容时,使用新的“文件”>“导入”选项可将 Photoshop 或 Illustrator 内容添加到现有 XD 文档。当您转换智能对象时,它们将保持完全可编辑(而不是被平面化),并将保留 Photoshop 调整图层。

有关更多信息,请参阅使用外部资源

在移动设备上查看原型

针对在移动 Web 浏览器中查看原型增加了多项改进,包括全屏默认模式、手指捏放来显示导航箭头、主按钮、原型信息以及报告问题。有关更多信息,请参阅在移动设备上预览

要了解有关移动设备上的增强体验的更多信息,请观看以下视频。


改进了 SVG 导出

从 XD 或从设计规范导出 .svg 元素时,您现在可以利用“演示文稿属性”进行导出,它改进了与常见开发场景(例如在 Android Studio 中从 XD 导出的 SVG)的兼容性。

如需更多信息,请参阅使用外部资源

改进了 Wacom 和触控支持

在使用触摸屏的 Windows 设备、Mac 触控板、Wacom 平板电脑、触摸板和触控环上,Adobe XD 现在支持所选对象的双指旋转。

改进了 Web 评论 UI 可见性

打开 Web 原型或设计规范时,您可在右侧边栏上的评论图标上方查看灰色标记和评论计数。该计数表示画板上未解决的评论主题总数。如果您添加新评论或将现有评论标记为已解决,评论计数将自动更新。

Web 评论 UI 可见性
Web 评论 UI 可见性

Adobe XD 13 中的新增功能

设计和原型使用语音命令和语音回放

语音命令和语音回放
语音命令和语音回放

Adobe XD 提供了一个易于使用的解决方案,使您使用语音命令触发画板间的交互。就像使用“单击”“点击”作为“触发条件”一样,您可以使用“语音”来触发原型交互,使用“语音播放”作为触发的操作。利用语音播放,您可以访问功能强大的文本到语音引擎,该引擎可帮助您面向语音助理和智能扬声器等新平台进行设计。有关更多信息,请参阅语音设计和原型设计

要了解有关使用语音命令和语音播放的更多信息,请观看此视频。


使用自动制作动画和拖动手势进行制作和回放

Auto-aminamte--1(source)
工作中自动制作动画

通过自动制作动画,您可以轻松创建具有沉浸式动画过渡效果的原型。您只需复制画板,修改对象属性(如大小,位置,旋转),然后应用“自动制作动画”操作即可创建画板之间的动画过渡效果。要使用“自动制作动画”,需确保您要添加动画效果的对象在两个画板上都具有相同的图层名称。有关更多信息,请参阅利用自动制作动画创建原型

XD 中的拖动手势通过允许您模拟启用触摸的设备的拖动体验,进一步增强了自动制作动画功能。有关更多信息,请参阅工作中的拖动手势

要了解有关自动制作动画的更多信息,请观看此视频。


与链接的符号共享跨文档资源

Linked-Symbol-Concept

随着各组织内设计团队的发展壮大,以及设计界面的不断丰富,设计人员需要协作创建出具有一致性和可扩展性的设计。借助链接的符号,设计人员可以跨文档共享符号,并确保这些符号始终是最新的。

通过链接的符号,您可为 UI 工具包、标签页或样式指南创建和维护单个真实来源,并在其他 Adobe XD 文档中使用。当您修改源文档中的链接的符号时,XD 会通知您哪些文档包含这些更新的链接的符号的实例。接下来,您可以预览更改并选择接受或拒绝它们。有关更多信息,请参阅使用链接的符号

要了解有关链接的符号的更多信息,请观看此视频。


通过插件设计工具创新

Plugins-updated

Adobe XD 推出了第一波插件,它们将帮助您自动执行任务、与其他工具集成、在您设计中利用数据等等。这还包括与市场上一些最佳协作和生产力应用程序的集成,包括 Slack、JIRA 和 Microsoft Teams。

有关开始使用插件的信息,请参阅 用于 XD 的插件

使用 Illustrator 和 After Effects 进行无缝资源转移

从 Illustrator 导入
从 Illustrator 导入

从 Adobe XD 13.0 开始,您可通过在 Adobe XD 中打开 .ai 文件,转移 Illustrator 的布局设计和资源。新的快速、便捷的工作流程可帮助您以最佳视觉逼真度,使用图层、画板、插图、矢量的原生映射,无缝转移资源,简化 UX 过程不同阶段的协作环境。有关更多信息,请参阅在 XD 中打开 Illustrator 文件

功能优势:

  • 在原型中无缝使用 Illustrator 资源:转移图标、标志和其他矢量资源至 XD,使用在 Illustrator 中创建的 UI 工具包或完整的函数库,具有完整的可编辑性和视觉保真度。
  • 合作创建交互设计:在 XD 中打开 Illustrator 文件,使用 XD 强大的原型设计和协作功能。

如需了解有关 Illustrator 集成的更多信息,请观看此视频。


使用 After Effects 制作动画
使用 After Effects 制作动画

借助 Adobe XD 13.0,您可以轻松地将 XD 设计(选定的图层或整个画板)导出到 After Effects 中,以创建自定义 UI 动画和微交互。您可以按照相同的视觉保真度无缝导出图层、画板、插图和矢量,并使用 After Effects 强大的插件生态系统来简化与开发人员的协作。有关更多信息,请参阅向 After Effects 导出资源

功能优势:

  • 完全控制您的动画:设计人员可以使用 After Effects 创建自定义动画和微交互,调整过渡,或在设计中使用视频资源。
  • 无缝资源转移:通过这种集成,您可以享受快速资源转移以及图层、矢量和插图的本地绘图,从而使从设计到自定义动画的更快速的转变。
  • 挖掘插件潜力:您可以使用为 UX 设计流程量身定做的 After Effects 插件生态系统扩展动画内容,并与开发人员协作。

在 iOS 设备上实时预览 Win 10 效果

Mobile-Preview

从 XD 13.0 版起,使用 Windows 操作系统的设计师可使用 USB 连接在 iOS 设备上预览他们的设计。有关更多信息,请参阅在移动设备上预览

Adobe XD 12 中的新增功能

2018 年 9 月版 XD 拥有以下令人兴奋的新增功能:

增强功能包括:

继续阅读并了解更多信息。

响应式调整大小和约束

当针对如今的多设备环境进行设计时,务必要考虑到移动设备、平板电脑和桌面解决方案所使用的各种屏幕尺寸。由于设计师使用的设备各异,我们应考虑内容如何适应多种屏幕尺寸。 

为解决此用户问题,Adobe XD 开发了一项称为响应式调整大小的功能,支持您调整对象大小,同时保持不同大小下的空间关系,以最好地适应多种屏幕大小。有关响应式调整大小和约束的更多信息,请参阅响应式调整大小

要了解有关响应式调整大小的更多信息,请观看此视频。


响应式调整大小
响应式调整大小 输出
设置对对象组的约束
设置对对象组的约束

定时过渡

定时过渡应用了延迟和持续时间的组合作为一种新型时间触发条件,以在画板之间过渡和创建快速登记流程或循环。

随着时间的增加,您现在可以根据特定的时间延迟在画板之间过渡。这有助于原型登记或决策流程。

现在在原型模式下创建两个画板之间的过渡时,您能够通过选择时间来代替点击,还能够定义延迟的持续时间并决定延迟在哪个过渡上进行。然后,XD 将保存同一屏幕中的属性并将其作为之后屏幕的默认值。有关定时过渡的更多信息,请参阅使用定时过渡

要了解有关定时过渡的更多信息,请观看此视频。


设置定时过渡
设置定时过渡

A. 将“触发条件”设置为“时间” B. 以“秒”为单位设置延迟 C. 将“操作”设置为“过渡” D. 将持续时间设置为“秒” 

内置拼写检查

Adobe XD 引入了内置的拼写检查功能,可让您直接在设计画布上进行实时拼写检查。此功能依赖于操作系统级语言来提出更正建议。您还可以向词典中添加新词语。

习惯上,用户必须将其内容复制或粘贴到单独的应用程序中才能检查拼写和错字。 

从此版本开始,您可以对所选文本进行拼写检查,然后查看并修复任何拼写错误。

注意:

在开始拼写检查之前,请确保您已在“编辑”菜单中启用拼写检查功能。

拼写检查
拼写检查

有关拼写检查的更多信息,请参阅使用拼写检查

改进了针对 Web 原型的全屏查看

Adobe XD 引入了经改进的全屏模式行为,当您在浏览器中查看设计时,它能提供增强的用户体验。

Web 和自定义画板现在在浏览器顶部显示,不会出现黑色填充问题。但是,移动画板将继续在全屏模式下居中显示。

在浏览器中查看 Web 大小的画板时,这些增强功能可提供更逼真的体验。

若要详细了解我们如何改进了针对 Web 原型的全屏查看,请观看此视频。


Full-screen-(Before)
上一个行为
改进了针对 Web 原型的全屏模式缩放
改进了行为

这模仿了真正的浏览器行为,因为浏览器的背景颜色始终是白色的,默认情况下不会添加黑色背景颜色。

改进了标准和全屏视图:

  • 如果画板宽度大于可用的水平空间,则原型将缩放以适应该宽度而不进行水平滚动。
  • 如果已定义视口高度(在“属性检查器”中设置),则原型首先适应高度,然后按比例缩放宽度以保持宽高比。您还可以垂直滚动以查看低于视口高度的内容。
  • 如果设计的原型是 Web 或自定义画板,则全屏模式下 Web 浏览器中的已发布链接会从浏览器窗口顶部呈现内容。移动设备和平板电脑设计继续在屏幕中居中对齐。
  • 全屏模式中的背景颜色是白色而不是黑色。这模仿了真正的浏览器行为,即浏览器在默认情况下不添加黑色背景颜色。

改进了移动画板视图:

  • 内容自适应高度并调整宽度以保持宽高比。
  • 如果在 Web 浏览器上以全屏模式查看已发布链接,则内容会在浏览器窗口的中间呈现。 

Adobe XD 11 中的新增功能

2018 年 8 月版的 XD 拥有以下令人兴奋的新增功能:

增强功能包括:

继续阅读并了解更多信息。

提取设计规范中的资源

从 XD 11.0 开始,您可以将标记为批量导出的图层作为资源包含在设计规范中,开发人员可以通过设计规范链接下载所有这些标记的图层。

之后,开发人员可以选择将矢量资源下载为 SVG、PNG、PDF,将位图资源下载为 PNG 和 PDF。

导出资源
批量导出
批量导出

如需更多信息,请参阅提取设计规范中的资源

重新排列“资源”面板中的资源顺序

利用此版本的 Adobe XD,您可以在“资源”面板中拖动单个或多个资源,从而对资源进行整理和重新排序。

重新排列资源顺序
重新排列资源顺序

如需更多信息,请参阅重新排列“资源”面板中的元素顺序

在 Web 上进行私密邀请

使用 Adobe XD,您可以在 Web 界面中为设计规范和原型分享仅面向指定用户的安全邀请(公共链接和私有链接)。当设计人员发布面向指定用户的安全邀请时,设计人员可以使用“邀请”选项来邀请更多内部和外部审阅者。

通过浏览器向用户发送私人邀请
通过浏览器向用户发送私人邀请

注意:

“邀请”选项仅对拥有该文档的设计人员可见,受邀的利益相关者无法邀请其他人,除非设计人员授予他们相关权限。

如需更多信息,请参阅在 Web 上使用私密邀请。

评论支持通过 @ 提及功能

您可以使用 @ 提及功能来查看受邀访问私人设计的用户的姓名。对于公共原型和设计规范,只有评论至少一次的用户才会出现在审阅者列表中。如果他人通过 @ 提及功能提及了审阅者的姓名,则该审阅者会通过 Creative Cloud 桌面应用程序收到电子邮件或通知。当您单击通知后,它会将您转到引用的画板。

@ 提及
@ 提及

如需更多信息,请参阅审阅者工作流程

设计规范支持描边类型

从 XD 11.0 开始,用户可以选择共享设计规范中的任何对象,并可通过单击其边框显示屏幕中使用的描边。 

描边类型
A. 描边类型 

如需更多信息,请参阅检查设计规范

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略