Adobe XD 与 Sketch – 哪种 UX 工具适合您？

已发表: 2022-03-11

UX 设计师需要许多工具来完成从研究到设计再到原型和移交的 UX 工作流程的多个阶段。 如果您在 PC 上工作，您可能会经常提到 Sketch，这是一种流行的、流线型的矢量图形编辑器，带有无数有用的插件，正在迅速成为行业标准——但仅在 Mac OS 上可用。 这意味着，除非您拥有 Apple 机器，否则您将被排除在外。 但现在 Adob​​e 正在积极开发一个合适的跨平台 Sketch 竞争对手（并且看起来很像？），经过多年的缺席：Adobe XD。

Adobe XD 用户界面
Adobe XD 用户界面。


草图用户界面
Sketch 用户界面显然是 XD 中 Adob​​e 的主要灵感来源，因为它试图吸引相同类型的用户。

什么是 Adob​​e XD？

Adobe Experience Design CC 或 Adob​​e XD 是轻量级矢量图形编辑器和原型制作工具，在 Adob​​e MAX 2015 上宣布为 Project Comet。 该软件于 2016 年 3 月作为 Creative Cloud 的一部分推出预览版，现在处于测试阶段，几乎每个月都会收到更新。

在此之前，Adobe 一直致力于为 UX 设计师在其已建立的工具（如 Photoshop 和 Illustrator）上添加功能。 尽管它们都是很棒的软件，但它们既不是轻量级的，也不是针对此类工作的精简。 多年来，尤其是在 2013 年 Adob​​e Fireworks（从 Macromedia 收购的经典的面向 Web 的原型工具）弃用之后，越来越多的用户体验设计师认为 Creative Cloud 不符合市场预期。 所以，他们跳到了 Sketch（如果他们有 Mac）。 虽然 Adob​​e 对这种大规模外流的反应有点晚（Bohemian Coding 在整整 6 年前推出了 Sketch），但值得等待，特别是如果您仅限于在 PC 上使用不太合适的工具。 让我们比较一下 Adob​​e XD 与 Sketch

用户界面和独家功能

当您打开 Adob​​e XD 时，您的第一印象是界面非常熟悉，无论是 Sketch 用户还是 Adob​​e 的忠实粉丝。 Adobe 放弃了预期的 Creative Cloud 较暗的按钮和菜单，并选择提供两全其美的选择。 与 Sketch 不同，您会在屏幕左侧看到一组工具，但在右侧还会看到更高的图层面板和动态属性，如 Sketch 所示。 无论您以前使用什么工具，它都易于使用且易于学习。

重复网格

Adobe XD 还具有一组独特的功能，例如重复网格，该工具可让您复制一组对象，例如具有可变数据和副本之间可配置间距的 Material Design 卡。

Adobe XD 中的重复网格功能
在 Adob​​e XD 中使用重复网格功能创建相似对象组。

原型制作

在 XD 中，您可以创建交互式原型，而无需像在 Sketch 中那样使用第三方插件。 Adobe 原型编辑器允许设计人员使用连线和设置过渡以可视方式将交互区域连接到其他屏幕。 准备好交互式原型后，您可以发布和共享原型，可以在 Web 上或使用 Adob​​e XD 移动应用程序查看。 然而，XD 原型还不支持手势或像标题这样的固定部分，这在 InVision 和其他与 Sketch 连接的仅原型工具上是可能的。

Adobe XD 中的原型功能
在 Adob​​e XD 的原型功能中将按钮连接到屏幕。

资产面板

在 2017 年 8 月的更新中，Adobe 添加了“资源”面板，这是一种将交互式样式指南与颜色、字符样式和符号结合在一起的巧妙方法。 当您在“资产”面板中更改某些内容时，您的作品中对资产的每次使用都会随之而来。 Sketch 也有颜色变量、字符样式和符号，但每一个都包含在自己的面板中。

Adobe XD 资源面板
更改资产面板中的元素会更改整个项目。

Adobe 在产品博客上宣布了一些将出现在 XD 上的下一个功能。 其中之一扩展了资产功能，允许设计师发布项目的样式指南，其中包含可下载的字体、资产和颜色十六进制代码，以及交互式原型和用于开发人员调查原型内元素的检查功能。 这被称为“开发人员的交接”，并且已经可以在 Sketch（和 Photoshop）中使用 Zeplin 等插件实现。 另一个被戏弄的未来功能是 XD 内部的实时协作，类似于 Google Docs 上的协作功能，并且已经在 Figma 等其他 UX 设计工具上可用。

订阅 Toptal 设计博客并接收我们的电子书

Sketch（及其插件）与 Adob​​e XD

特征Adobe XD 草图
矢量图形是（并且在 CC 订阅中包括 Adob​​e Illustrator） 是的
高级图像编辑否（但在 CC 订阅中包含 Adob​​e Photoshop） 不
轻的是的是的
原型制作是的否（但可用于第三方插件）
资产出口是的是的
与在线风格指南和检查员交接否（宣布为未来功能） 否（但可用于第三方插件）
符号和样式是的是的
重复网格是的不
文档网格是的是（有列和更多选项）
插件不是的
合作否（宣布为未来功能） 否（但可用于第三方插件）
macOS 版本是的是的
视窗版本是 (Windows 10 或以上) 不
价格和许可Beta 版是免费的，它需要有一个 Adob​​e ID。 最终定价将公布。 一年更新 99 美元，但之后您可以继续使用而无需更新

当你看到更大的图景时，很明显，Adobe 打算让 XD 不仅做 Sketch 作为矢量图形工具所做的一切，还包括它的插件，涵盖整个 UX 设计工作流程。 从设计到原型制作再到交付，Adobe XD 可能会成为权威的 UX 设计师工具，但今天呢？

是时候切换了吗？

Adobe XD 首先面向 Windows 用户（不能使用仅 macOS 的 Sketch）和当前的 Adob​​e Creative Cloud 订阅者（除了 Photoshop、Illustrator 等，他们不需要为 XD 支付更多费用）。

有许多 UX 设计师已经跃跃欲试，要么是因为他们甚至是 macOS 上的 Creative Cloud 订阅者，要么是因为他们相信 XD 将成为下一个标准并且对当前的功能集感到满意。 如果您是一位经验丰富的 Sketch 用户，您将享受到整体上更好的界面、独特的 XD 功能，但也必须应对当前的限制和缺乏插件支持。 无论如何，试一试并与我们分享您的印象！

• • •

进一步阅读 Toptal 设计博客：

  • 电子商务用户体验——最佳实践概述（附信息图）
  • 以人为本的设计在产品设计中的重要性
  • 最佳 UX 设计师作品集——鼓舞人心的案例研究和示例
  • 移动界面的启发式原则
  • 预期设计：如何创造神奇的用户体验