记得给我加星标，不然你就看不到我了

大家好，米娜米娜桑，今天是为新手UI设计师答疑的时间。在社交平台上总是会遇到太多新手设计师问一个问题：我应该先学Adobe Xd还是先学Adobe Xd？我想很多同学在刚踏入UI学习领域的时候都会有这样的犹豫，那么我就从以下几点来谈谈这两者的区别：

Adobe Xd / 基本介绍

Adobe Xd（免费计划）

XD是Adobe旗下全新推出的一款专注于UI界面设计、原型设计和跨平台体验设计的软件，将、、等UI/UX设计流程整合到一个软件中。

（30 天试用）

它推出的时间比较早，算是第一款流行的专业UI设计工具，由于功能简单，针对UI设计的专业性，很早就成为了设计师们常用的软件。

Adobe Xd / 使用情况比较

接下来我们提炼出各自的设计使用场景，并从8个方面进行比较。

1. 易于上手

Adobe Xd——⭐️⭐️⭐️⭐️⭐️

-⭐️⭐️⭐️⭐️⭐️

如果你是设计专业的大学生，或者已经很熟悉/之类的绘图软件的话，那么无论是还是都是很容易上手的，因为这类专门用来界面设计的软件功能都比较简单，界面也是如此。

即使没有使用过相关软件，几个基本的功能对于新手来说使用起来也不是很难。

Adobe XD

2. 计算机系统支持

Adobe Xd——⭐️⭐️⭐️⭐️⭐️

-⭐️⭐️⭐️

多年来仅支持macOS系统，因此在最初购买电脑时，大部分设计师都会推荐使用pro或者iMac，但相比PC来说，价格会略贵一些。

的出现可以说解决了这个入门门槛，它支持与 macOS 双系统，安装即可使用，如果团队协作，不用担心对方电脑能否打开你的设计文档，另外由于现在很多公司的硬件还是以 PC（）电脑为主，所以它大大解决了这个市场空白。

值得注意的是，Adobe XD目前仅支持Win10 ver.17003及以上版本。

2. 绘图功能

Adobe Xd——⭐️⭐️⭐️⭐️

-⭐️⭐️⭐️⭐️⭐️

在矢量绘图方面，该软件的功能更加丰富，可以操作很多细节。

基础的绘图工具比较少，做界面已经足够了，但是画插画会比较难。

Adobe XD

但其实XD产品是特意这样设计的，主要是为了和Adobe配合使用和设计。

我们可以先在AI中画好图，然后直接粘贴到Adobe XD中，或者直接用XD打开PSD文档，大部分图层和图形设置都会保留，直接继续设计即可。

（AI、PS部分复杂图形不支持，详情见官方说明）

4. 软件轻量

Adobe Xd——⭐️⭐️⭐️⭐️⭐️

-⭐️⭐️⭐️⭐️⭐️

这两款设计软件有一个很大的共同点：它们都是轻量级工具。

这意味着，相比于PS/AE等需要大量渲染处理的其他工具sketch怎么导入ai，计算机在运行设计时不太可能出现卡顿或崩溃的情况，使用起来非常流畅。

这样在做 UI 设计的时候，可以展开大量的画板，处理每一页；有时候稍微大一点的网站可能有三五十页以上，为了图片的连贯性，必须把它们放在同一个文档里，这时候轻量级的软件就可以处理这么多画板来协同工作。

5. 插件()

Adobe Xd——⭐️⭐️⭐️⭐️

-⭐️⭐️⭐️⭐️⭐️

插件方面稍微好一点，因为多年来开发者已经开发了大量的实用插件，在设计的时候使用这些插件可以加快流程效率。

Adobe XD 的数量也在快速增长，大部分都是 Adob​​e 官方导入的，你需要用到的插件也大部分都覆盖了。

Adobe XD

Adobe 还发布了针对使用 XD 的工程师的补贴奖励计划。由此可见 Adob​​e 对 UI/UX 行业和 XD 发展的重视程度。所以在插件方面，两者未来肯定会不相上下。

6. 购买费用

Adobe Xd——⭐️⭐️⭐️⭐️⭐️

-⭐️⭐️⭐️⭐️⭐️

Adobe XD 原生解决方案是免费的。

现在是年度订阅，每年 99 美元，教育可享受 50% 折扣。

7. 软件的独特功能

Adobe Xd——⭐️⭐️⭐️⭐️⭐️

-⭐️⭐️⭐️⭐️⭐️

两款软件都有各自独特的功能

Adobe Xd 网格快速布局

Adobe XD 有一个特殊的功能叫做网格，可以复制整行组件并进行快速布局。

这个功能对于UI设计师来说非常有用。

无论是制作网页、电商产品布局，还是展示用户信息，以往都要复制一份然后对齐。通过 Adob​​e XD 的网格，可以快速水平重复，并且在制作不同尺寸的布局时，可以进行自适应布局。

Adobe XD

的

简单来说，大家平时看到网页应用中有很多重复的部分，通过组件化可以将准备好的父组件存储为模板sketch怎么导入ai，直接复制使用，大大加快了我们的设计速度。

8.第三方工具兼容性

Adobe Xd——⭐️⭐️⭐️⭐️⭐️

-⭐️⭐️⭐️⭐️⭐️

Adobe XD 最强大的功能就是与 AI/PS/AE 的集成，此外还可以使用 等第三方工具导出批注并实时预览， 的下一个版本也将支持此功能。

Adobe XD 的一些第三方工具

相较之下，的插件似乎更有创新性，例如，和其他动态效果工具，除了 之外，都是收费的。许多产品开发将生产力集中在一个阶段。如果团队设计在开发过程中有好的工具配合，那么在设计过程中会是一个加分项。

一些第三方工具

最终总结

您认为 Adob​​e XD 更好吗？

要回答这个问题，需要考虑用户的场景：

1. 你手头有哪些电脑？或者你们公司用哪些电脑？

2.目前公司团队使用的流程是怎样的？比如是Adobe XD+Mark Lion，那就用Adobe XD吧。

3. 初始学习阶段不需要用于正式工作，如果你还是学生或者还在考虑用哪个工具作为第一个学习的工具，我推荐你使用 Adob​​e XD

因为大多数团队或者政府机构都是用电脑的，熟悉了 Adob​​e XD 之后，不管你换不换其他类似的软件，都会学得很快，因为看起来都“差不多”。这篇文章也是给初学者的建议，你也可以选择自己熟悉的开始学习。

Adobe XD 也好， 也好，都只是工具而已，设计原理和方法基本都是一样的，所以我们不用太纠结选择哪个。

而且这个行业更新换代很快，各种新软件、新插件层出不穷，作为设计师有必要了解一些，所以要保持学习热情，拥抱变化。

如果想学习这两款软件的基本操作，网上有很多免费教程，随便找个就能快速上手，乘风破浪的设计师们加油！

如有侵权请联系删除！