AdobeXd/Sketch基本介紹

AdobeXd

Adobe其全新的主推結(jié)合介質(zhì)設(shè)計(jì)，建立原型和跨平臺(tái)感受設(shè)計(jì)軟件，將是一款全新的、主推結(jié)合介質(zhì)設(shè)計(jì)，Wireframe，Design以及Prototype等UI/UX設(shè)計(jì)過程集成到同一軟件中，并可直接導(dǎo)出標(biāo)注元件與開發(fā)人員合作。

Sketch

因其閃亮的黃色鉆石而聞名，因?yàn)樗茉缇鸵云浜?jiǎn)單的功能和簡(jiǎn)單的功能而聞名UI設(shè)計(jì)專門為需求而成為設(shè)計(jì)師常用的軟件，所以網(wǎng)上大部分的教學(xué)文章都是推薦的Sketch業(yè)內(nèi)資深設(shè)計(jì)師也多采用以此為主軸的設(shè)計(jì)工藝。

AdobeXd/Sketch使用比較

接下來，我們將在各自的設(shè)計(jì)使用情況下，共有8個(gè)實(shí)際的比較和參考星。

1.「容易上手」

如果你是設(shè)計(jì)系的大學(xué)生，或者已經(jīng)熟悉了Illustrator/Photoshop等待制圖軟體，無(wú)論是制圖軟體，AdobeXd還是Sketch很容易上手，因?yàn)檫@種特殊用于使用UI介面設(shè)計(jì)軟件的功能相當(dāng)簡(jiǎn)單，介面也是如此。

即使沒有接觸過相關(guān)軟件，對(duì)于初學(xué)者來說，為數(shù)不多的基本功能門檻也不是很高。

AdobeXd軟體界面

Sketch軟體界面

2.「計(jì)算機(jī)（操作系統(tǒng)）支持」

Sketch多年來一直只支持MacOS因此，在初步購(gòu)買電腦時(shí)，大多數(shù)設(shè)計(jì)師數(shù)設(shè)計(jì)師都會(huì)推薦使用MacBookPro電腦，或是iMac臺(tái)式機(jī)等，但與之相比PC就電腦而言，價(jià)格略貴。

AdobeXd問世真的解決了這個(gè)入門門檻，支持Windows以及MacOS雙操作系統(tǒng)可以安裝和使用。如果團(tuán)隊(duì)合作，不用擔(dān)心對(duì)方的電腦能否打開檔案。此外，由于許多大學(xué)機(jī)構(gòu)和公司的硬件設(shè)備是PC（Windows）因此，電腦大大解決了過去沒有專用的問題UI設(shè)計(jì)軟件的麻煩。

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

3.「制圖功能」

就向量制圖而言，Sketch軟體內(nèi)建造的工具比較豐富，尤其是漸進(jìn)部分，我個(gè)人覺得很好用！還有更多的細(xì)節(jié)可以操作；AdobeXd內(nèi)部建筑的基本繪圖工具很少，單純做介面就夠了，要進(jìn)行插畫繪制比較辛苦。

但其實(shí)Xd這個(gè)產(chǎn)品是故意這樣設(shè)計(jì)的，主要用于搭配。Adobe家的Illustrator以及Photoshop做設(shè)計(jì)AdobeCreativeCloud是訂閱制，可以一次使用整套Adobe軟件，換句話說用了Xd，要順帶開Ai/Ps只需安裝即可使用。

我們能在Ai先畫好圖，直接貼上AdobeXd，或是直接用Xd打開.psd大部分檔案、圖層和圖形設(shè)置都會(huì)保留下來*，可直接連續(xù)設(shè)計(jì)流程。

（*在Ai以及Ps少數(shù)復(fù)雜的圖形不支持，詳見官方表示。

AdobeXd繪圖工具簡(jiǎn)單易懂

Sketch繪圖工具多，可定制面板。

4.「軟體輕量化」

這兩款設(shè)計(jì)軟件有一個(gè)很好的共同點(diǎn)，就是都屬于輕量級(jí)工具。

也就是說，當(dāng)計(jì)算機(jī)打開并執(zhí)行設(shè)計(jì)時(shí)，它不容易當(dāng)機(jī)或卡住屏幕。與其他相比，它就像其他一樣。Ps/Ae對(duì)于需要大量渲染處理的工具，AdobeXd以及Sketch使用時(shí)相當(dāng)順暢。

這是為了在做UI在設(shè)計(jì)時(shí)，可以擴(kuò)展大量的畫板（Artboards），并處理自己的頁(yè)面；有時(shí)候一個(gè)稍微大一點(diǎn)的網(wǎng)站可能有30個(gè)或者50個(gè)以上的頁(yè)面。為了畫面之間的銜接，必須放在同一個(gè)檔案中。這時(shí)，輕量級(jí)軟件可以負(fù)載。

對(duì)于計(jì)算機(jī)硬體的選擇，如果是初級(jí)計(jì)算機(jī)(例如)MacBookAir）在「學(xué)習(xí)」前兩個(gè)軟件都沒問題；但是，如果在工作或企業(yè)使用，建議一定要使用MacBookPro或者以上規(guī)格，我目前工作的主機(jī)是MBPR15"（16GRAM，512GBSSD，i7Cpu）在實(shí)際工作中，可能會(huì)打開更多的軟件，同時(shí)使用效率怪物Chrome打開團(tuán)隊(duì)合作工具等。

5.「擴(kuò)充外掛」

Sketch原因是多年來，開發(fā)人員為他們開發(fā)了無(wú)數(shù)的實(shí)用性Plugin，做專案的時(shí)候，經(jīng)常會(huì)遇到一個(gè)功能Sketch不，但可以在世界上最大的男性交友平臺(tái)上，GitHub在上面找到，或者偶爾逛逛非常方便的工具，可以加快流程效率。

相信每一位UI設(shè)計(jì)師有自己一套常見的設(shè)計(jì)師Plugins。但從長(zhǎng)遠(yuǎn)來看，有一個(gè)缺陷是由許多民營(yíng)開發(fā)人員制造的Plugin也許不會(huì)一直保持更新，隨著更新，Sketch幾次修改后，可能會(huì)出現(xiàn)不支持的情況。

AdobeXd去年終于開放了Plugin功能，我們可以直接匹配Google微軟試算表Teams，以及標(biāo)記工具Zeplin等官方插件，也可以用很多第三方插件來協(xié)助我們UI設(shè)計(jì)。根據(jù)我的觀察，AdobeXd的Plugin數(shù)量增長(zhǎng)很快，而且大多是Adobe與官方導(dǎo)入相比Sketch民間高手，AdobeXd的Plugin版本和穩(wěn)定性略好。

Adobe甚至發(fā)布了幫助Xd制作Plugin設(shè)計(jì)師、開發(fā)者加速器計(jì)劃、補(bǔ)貼獎(jiǎng)金甚至進(jìn)入總部，從這里可以看出，Adobe對(duì)于UI/UX工業(yè)和發(fā)展Xd的重視。

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

我認(rèn)為AdobeXd最強(qiáng)的就是跟同家Ai/Ps/Ae此外，作為地球上最大的數(shù)字產(chǎn)品公司，A社與眾多知名企業(yè)的產(chǎn)品進(jìn)行了聯(lián)動(dòng)，可以通過Plugin或者在軟件中合作，頻繁更新也讓Xd與第三方工具的相容性更好。

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

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

相較之下Sketch它似乎更新了一點(diǎn)創(chuàng)意，所以有很多非常親密的設(shè)計(jì)在數(shù)字產(chǎn)品的研發(fā)，也與最新的生產(chǎn)力工具，例如，可以使用版本控制Abstract或是Plant等，在GitHub還有許多由單獨(dú)開發(fā)人員制作的插件。

因?yàn)楦髯灾С值牡谌焦ぞ哂惺卟撕吞}卜，所以很難區(qū)分；如果團(tuán)隊(duì)在設(shè)計(jì)開發(fā)過程中包含了可以匹配的工具，則在設(shè)計(jì)過程中會(huì)加分。