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

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

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


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 的条款约束之下。

法律声明   |   在线隐私策略