作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
ssamrgio Estrella的头像

塞尔吉奥·爱丝特雷娜

拥有十年的UI/UX经验, ssamrgio曾在教育等广泛的行业工作过, 企业, 和娱乐.

专业知识

以前在

迭代
Share

用户体验设计师需要许多工具来完成从研究到设计到原型和移交的用户体验工作流程的许多阶段. 如果你在电脑上工作, 你可能会被不断提到的Sketch困扰, 一个很受欢迎的, 流线型矢量图形编辑器与无数有用的插件,正迅速成为一个行业标准但只能在Mac OS上使用. 这意味着,除非你有一台苹果电脑,否则你就被排除在外了. 但现在Adobe正在积极开发一个跨平台的Sketch竞争对手(和相似的)?),在缺席多年之后:Adobe XD.

adobexd用户界面


草图用户界面

什么是Adobe XD?

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

在此之前,Adobe一直致力于为 用户体验设计师 使用Photoshop和插画家等现成的工具. 尽管它们都是很棒的软件, 对于这种类型的工作,它们既不轻便也不流线型. 多年来,尤其是在2013年Adobe Fireworks(从Macromedia收购的经典面向web的原型工具)被弃用之后,越来越多的用户体验设计师觉得Creative Cloud不符合市场预期. 所以,他们直接使用了Sketch(如果他们有Mac的话). 虽然Adobe对这一大规模外流的反应有点晚(Bohemian Coding在整整6年前才推出Sketch),但值得等待, 特别是如果你一直局限于在电脑上使用不太合适的工具. 让我们比较一下Adobe XD和Sketch

用户界面和独家功能

当你打开adobexd, 你的第一印象是界面非常熟悉, Sketch用户和长期的Adobe粉丝. Adobe放弃了预期的Creative Cloud更暗的按钮和菜单, 并选择提供两个世界中最好的. 不像素描, 您将在屏幕左侧看到一组工具, 还有右边的图层面板和动态属性, 如图所示. 不管你以前用的是什么工具,它都很容易使用和学习.

重复的网格

Adobe XD也有一组独特的功能,比如重复的网格, 一种工具,可以让您复制一组对象,例如具有可变数据和副本之间可配置间距的材料设计卡.

在adobexd中重复网格功能

原型设计

In XD, 您可以创建一个交互式原型,而不需要第三方插件,就像在Sketch中一样. Adobe原型编辑器允许设计人员使用连接线和设置过渡,直观地将交互区域连接到其他屏幕. 交互式原型准备好了, 你可以发布和分享原型, 可以在网上或使用Adobe XD移动应用程序查看的内容. XD原型, however, 不支持手势或固定部分,如标题, 这是可能的 InVision 以及与Sketch连接的其他仅用于原型的工具.

adobexd中的原型特性

资产面板

在2017年8月更新, Adobe添加了资产面板, 这是一种巧妙的方式,将色彩与互动风格指南结合在一起, 字符样式, 和符号. 当你在“资产”面板中更改某些内容时,在你的图稿中对该资产的每次使用都会随之进行. Sketch也有颜色变量, 字符样式, 和符号, 但每个都包含在自己的面板中.

adobexd资产面板

Adobe宣布了一些[下一个将出现的功能](http://www).adobe.com/products/xd/solutions/design-collaboration-tool.html] (http://blogs.adobe.com/creativecloud/collaborative-design-with-adobe-xd/). 其中一个扩展了Assets特性,允许 designer 发布带有可下载字体的项目风格指南, assets, 颜色是十六进制代码, 除了交互式原型和用于开发人员调查原型内部元素的检查功能之外. 这被称为“开发人员的切换”,并且已经可以在Sketch(和Photoshop)中使用插件,如 Zeplin. 另一个未来的特性是XD内部的实时协作, 类似于Google Docs上的协作功能,并且已经在其他UX设计工具上可用 Figma.

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

Sketch(和它的插件)vs. Adobe XD

FeaturesAdobe XDSketch
矢量图形Yes (包括Adobe 插画家的CC订阅)Yes
高级图像编辑No (但包括Adobe Photoshop的CC订阅)No
轻量级YesYes
原型设计YesNo (但可以使用第三方插件)
资产出口YesYes
与在线风格指南和检查器的交接No (宣布为未来的功能)No (但可以使用第三方插件)
符号和样式YesYes
重复的网格YesNo
文档网格YesYes (有列和更多选项)
PluginsNoYes
协作No (宣布为未来的功能)No (但可以使用第三方插件)
MacOS版本YesYes
Windows版本Yes (Windows 10或以上版本)No
价格和许可测试版是免费的,它需要有一个Adobe的ID. 最终价格将公布.99美元一年的更新,但你可以在没有更新的情况下继续使用

当你看到更大的图景, 很明显,Adobe打算让XD不仅做Sketch作为矢量图形工具所做的一切,而且还做它的插件, 涵盖整个UX设计工作流程. 从设计到原型制作再到交接, Adobe XD可能会成为最终的用户体验设计工具, 但是今天呢??

是时候改变了吗?

adobexd是 首先是Windows用户(不能使用macos专用的Sketch)和当前的Adobe Creative Cloud订阅者(除了Photoshop之外,他们不需要为XD支付更多费用), 插画家, etc.).

有许多用户体验设计师已经跃跃欲试, 要么是因为他们是Creative Cloud的订阅者,即使是在macOS上, 或者是因为他们相信XD将成为下一个标准,并且对当前的特性集感到满意. 如果你是一个有经验的素描用户, 你会喜欢一个整体上更好的界面, 独特的XD功能, 但也必须处理当前的限制和缺乏插件支持. 无论如何,试一试,和我们分享你的感受吧!

聘请Toptal这方面的专家.
现在雇佣
ssamrgio Estrella的头像
塞尔吉奥·爱丝特雷娜

位于 泰国曼谷

成员自 2017年2月1日

作者简介

拥有十年的UI/UX经验, ssamrgio曾在教育等广泛的行业工作过, 企业, 和娱乐.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

专业知识

以前在

迭代

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.