UI设计工具sketch和XD有没有区别和优势

AdobeXd/Sketch基本介绍

AdobeXd

Adobe其全新的主推结合介质设计，建立原型和跨平台感受设计软件，将是一款全新的、主推结合介质设计，Wireframe，Design以及Prototype等UI/UX设计过程集成到同一软件中，并可直接导出标注元件与开发人员合作。

Sketch

因其闪亮的黄色钻石而闻名，因为它很早就以其简单的功能和简单的功能而闻名UI设计专门为需求而成为设计师常用的软件，所以网上大部分的教学文章都是推荐的Sketch业内资深设计师也多采用以此为主轴的设计工艺。

AdobeXd/Sketch使用比较

接下来，我们将在各自的设计使用情况下，共有8个实际的比较和参考星。

1.「容易上手」

如果你是设计系的大学生，或者已经熟悉了Illustrator/Photoshop等待制图软体，无论是制图软体，AdobeXd还是Sketch很容易上手，因为这种特殊用于使用UI介面设计软件的功能相当简单，介面也是如此。

即使没有接触过相关软件，对于初学者来说，为数不多的基本功能门槛也不是很高。

AdobeXd软体界面

Sketch软体界面

2.「计算机（操作系统）支持」

Sketch多年来一直只支持MacOS因此，在初步购买电脑时，大多数设计师数设计师都会推荐使用MacBookPro电脑，或是iMac台式机等，但与之相比PC就电脑而言，价格略贵。

AdobeXd问世真的解决了这个入门门槛，支持Windows以及MacOS双操作系统可以安装和使用。如果团队合作，不用担心对方的电脑能否打开档案。此外，由于许多大学机构和公司的硬件设备是PC（Windows）因此，电脑大大解决了过去没有专用的问题UI设计软件的麻烦。

更需要注意的是，Windows目前仅支援Win10Ver.1703以上版本。

3.「制图功能」

就向量制图而言，Sketch软体内建造的工具比较丰富，尤其是渐进部分，我个人觉得很好用！还有更多的细节可以操作；AdobeXd内部建筑的基本绘图工具很少，单纯做介面就够了，要进行插画绘制比较辛苦。

但其实Xd这个产品是故意这样设计的，主要用于搭配。Adobe家的Illustrator以及Photoshop做设计AdobeCreativeCloud是订阅制，可以一次使用整套Adobe软件，换句话说用了Xd，要顺带开Ai/Ps只需安装即可使用。

我们能在Ai先画好图，直接贴上AdobeXd，或是直接用Xd打开.psd大部分档案、图层和图形设置都会保留下来*，可直接连续设计流程。

（*在Ai以及Ps少数复杂的图形不支持，详见官方表示。

AdobeXd绘图工具简单易懂

Sketch绘图工具多，可定制面板。

4.「软体轻量化」

这两款设计软件有一个很好的共同点，就是都属于轻量级工具。

也就是说，当计算机打开并执行设计时，它不容易当机或卡住屏幕。与其他相比，它就像其他一样。Ps/Ae对于需要大量渲染处理的工具，AdobeXd以及Sketch使用时相当顺畅。

这是为了在做UI在设计时，可以扩展大量的画板（Artboards），并处理自己的页面；有时候一个稍微大一点的网站可能有30个或者50个以上的页面。为了画面之间的衔接，必须放在同一个档案中。这时，轻量级软件可以负载。

对于计算机硬体的选择，如果是初级计算机(例如)MacBookAir）在「学习」前两个软件都没问题；但是，如果在工作或企业使用，建议一定要使用MacBookPro或者以上规格，我目前工作的主机是MBPR15"（16GRAM，512GBSSD，i7Cpu）在实际工作中，可能会打开更多的软件，同时使用效率怪物Chrome打开团队合作工具等。

5.「扩充外挂」

Sketch原因是多年来，开发人员为他们开发了无数的实用性Plugin，做专案的时候，经常会遇到一个功能Sketch不，但可以在世界上最大的男性交友平台上，GitHub在上面找到，或者偶尔逛逛非常方便的工具，可以加快流程效率。

相信每一位UI设计师有自己一套常见的设计师Plugins。但从长远来看，有一个缺陷是由许多民营开发人员制造的Plugin也许不会一直保持更新，随着更新，Sketch几次修改后，可能会出现不支持的情况。

AdobeXd去年终于开放了Plugin功能，我们可以直接匹配Google微软试算表Teams，以及标记工具Zeplin等官方插件，也可以用很多第三方插件来协助我们UI设计。根据我的观察，AdobeXd的Plugin数量增长很快，而且大多是Adobe与官方导入相比Sketch民间高手，AdobeXd的Plugin版本和稳定性略好。

Adobe甚至发布了帮助Xd制作Plugin设计师、开发者加速器计划、补贴奖金甚至进入总部，从这里可以看出，Adobe对于UI/UX工业和发展Xd的重视。

6.「第三方工具的相容性」

我认为AdobeXd最强的就是跟同家Ai/Ps/Ae此外，作为地球上最大的数字产品公司，A社与众多知名企业的产品进行了联动，可以通过Plugin或者在软件中合作，频繁更新也让Xd与第三方工具的相容性更好。

AdobeXd第三方工具的部分合作。

Sketch第三方工具的部分合作。

相较之下Sketch它似乎更新了一点创意，所以有很多非常亲密的设计在数字产品的研发，也与最新的生产力工具，例如，可以使用版本控制Abstract或是Plant等，在GitHub还有许多由单独开发人员制作的插件。

因为各自支持的第三方工具有蔬菜和萝卜，所以很难区分；如果团队在设计开发过程中包含了可以匹配的工具，则在设计过程中会加分。