記得給我加星標(biāo)，不然你就看不到我了

大家好，米娜米娜桑，今天是為新手UI設(shè)計師答疑的時間。在社交平臺上總是會遇到太多新手設(shè)計師問一個問題：我應(yīng)該先學(xué)Adobe Xd還是先學(xué)Adobe Xd？我想很多同學(xué)在剛踏入UI學(xué)習(xí)領(lǐng)域的時候都會有這樣的猶豫，那么我就從以下幾點來談?wù)勥@兩者的區(qū)別：

Adobe Xd / 基本介紹

Adobe Xd（免費計劃）

XD是Adobe旗下全新推出的一款專注于UI界面設(shè)計、原型設(shè)計和跨平臺體驗設(shè)計的軟件，將、、等UI/UX設(shè)計流程整合到一個軟件中。

（30 天試用）

它推出的時間比較早，算是第一款流行的專業(yè)UI設(shè)計工具，由于功能簡單，針對UI設(shè)計的專業(yè)性，很早就成為了設(shè)計師們常用的軟件。

Adobe Xd / 使用情況比較

接下來我們提煉出各自的設(shè)計使用場景，并從8個方面進(jìn)行比較。

1. 易于上手

Adobe Xd——??????????

-??????????

如果你是設(shè)計專業(yè)的大學(xué)生，或者已經(jīng)很熟悉/之類的繪圖軟件的話，那么無論是還是都是很容易上手的，因為這類專門用來界面設(shè)計的軟件功能都比較簡單，界面也是如此。

即使沒有使用過相關(guān)軟件，幾個基本的功能對于新手來說使用起來也不是很難。

Adobe XD

2. 計算機系統(tǒng)支持

Adobe Xd——??????????

-??????

多年來僅支持macOS系統(tǒng)，因此在最初購買電腦時，大部分設(shè)計師都會推薦使用pro或者iMac，但相比PC來說，價格會略貴一些。

的出現(xiàn)可以說解決了這個入門門檻，它支持與 macOS 雙系統(tǒng)，安裝即可使用，如果團(tuán)隊協(xié)作，不用擔(dān)心對方電腦能否打開你的設(shè)計文檔，另外由于現(xiàn)在很多公司的硬件還是以 PC（）電腦為主，所以它大大解決了這個市場空白。

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

2. 繪圖功能

Adobe Xd——????????

-??????????

在矢量繪圖方面，該軟件的功能更加豐富，可以操作很多細(xì)節(jié)。

基礎(chǔ)的繪圖工具比較少，做界面已經(jīng)足夠了，但是畫插畫會比較難。

Adobe XD

但其實XD產(chǎn)品是特意這樣設(shè)計的，主要是為了和Adobe配合使用和設(shè)計。

我們可以先在AI中畫好圖，然后直接粘貼到Adobe XD中，或者直接用XD打開PSD文檔，大部分圖層和圖形設(shè)置都會保留，直接繼續(xù)設(shè)計即可。

（AI、PS部分復(fù)雜圖形不支持，詳情見官方說明）

4. 軟件輕量

Adobe Xd——??????????

-??????????

這兩款設(shè)計軟件有一個很大的共同點：它們都是輕量級工具。

這意味著，相比于PS/AE等需要大量渲染處理的其他工具sketch怎么導(dǎo)入ai，計算機在運行設(shè)計時不太可能出現(xiàn)卡頓或崩潰的情況，使用起來非常流暢。

這樣在做 UI 設(shè)計的時候，可以展開大量的畫板，處理每一頁；有時候稍微大一點的網(wǎng)站可能有三五十頁以上，為了圖片的連貫性，必須把它們放在同一個文檔里，這時候輕量級的軟件就可以處理這么多畫板來協(xié)同工作。

5. 插件()

Adobe Xd——????????

-??????????

插件方面稍微好一點，因為多年來開發(fā)者已經(jīng)開發(fā)了大量的實用插件，在設(shè)計的時候使用這些插件可以加快流程效率。

Adobe XD 的數(shù)量也在快速增長，大部分都是 Adob??e 官方導(dǎo)入的，你需要用到的插件也大部分都覆蓋了。

Adobe XD

Adobe 還發(fā)布了針對使用 XD 的工程師的補貼獎勵計劃。由此可見 Adob??e 對 UI/UX 行業(yè)和 XD 發(fā)展的重視程度。所以在插件方面，兩者未來肯定會不相上下。

6. 購買費用

Adobe Xd——??????????

-??????????

Adobe XD 原生解決方案是免費的。

現(xiàn)在是年度訂閱，每年 99 美元，教育可享受 50% 折扣。

7. 軟件的獨特功能

Adobe Xd——??????????

-??????????

兩款軟件都有各自獨特的功能

Adobe Xd 網(wǎng)格快速布局

Adobe XD 有一個特殊的功能叫做網(wǎng)格，可以復(fù)制整行組件并進(jìn)行快速布局。

這個功能對于UI設(shè)計師來說非常有用。

無論是制作網(wǎng)頁、電商產(chǎn)品布局，還是展示用戶信息，以往都要復(fù)制一份然后對齊。通過 Adob??e XD 的網(wǎng)格，可以快速水平重復(fù)，并且在制作不同尺寸的布局時，可以進(jìn)行自適應(yīng)布局。

Adobe XD

的

簡單來說，大家平時看到網(wǎng)頁應(yīng)用中有很多重復(fù)的部分，通過組件化可以將準(zhǔn)備好的父組件存儲為模板sketch怎么導(dǎo)入ai，直接復(fù)制使用，大大加快了我們的設(shè)計速度。

8.第三方工具兼容性

Adobe Xd——??????????

-??????????

Adobe XD 最強大的功能就是與 AI/PS/AE 的集成，此外還可以使用 等第三方工具導(dǎo)出批注并實時預(yù)覽， 的下一個版本也將支持此功能。

Adobe XD 的一些第三方工具

相較之下，的插件似乎更有創(chuàng)新性，例如，和其他動態(tài)效果工具，除了 之外，都是收費的。許多產(chǎn)品開發(fā)將生產(chǎn)力集中在一個階段。如果團(tuán)隊設(shè)計在開發(fā)過程中有好的工具配合，那么在設(shè)計過程中會是一個加分項。

一些第三方工具

最終總結(jié)

您認(rèn)為 Adob??e XD 更好嗎？

要回答這個問題，需要考慮用戶的場景：

1. 你手頭有哪些電腦？或者你們公司用哪些電腦？

2.目前公司團(tuán)隊使用的流程是怎樣的？比如是Adobe XD+Mark Lion，那就用Adobe XD吧。

3. 初始學(xué)習(xí)階段不需要用于正式工作，如果你還是學(xué)生或者還在考慮用哪個工具作為第一個學(xué)習(xí)的工具，我推薦你使用 Adob??e XD

因為大多數(shù)團(tuán)隊或者政府機構(gòu)都是用電腦的，熟悉了 Adob??e XD 之后，不管你換不換其他類似的軟件，都會學(xué)得很快，因為看起來都“差不多”。這篇文章也是給初學(xué)者的建議，你也可以選擇自己熟悉的開始學(xué)習(xí)。

Adobe XD 也好， 也好，都只是工具而已，設(shè)計原理和方法基本都是一樣的，所以我們不用太糾結(jié)選擇哪個。

而且這個行業(yè)更新?lián)Q代很快，各種新軟件、新插件層出不窮，作為設(shè)計師有必要了解一些，所以要保持學(xué)習(xí)熱情，擁抱變化。

如果想學(xué)習(xí)這兩款軟件的基本操作，網(wǎng)上有很多免費教程，隨便找個就能快速上手，乘風(fēng)破浪的設(shè)計師們加油！

如有侵權(quán)請聯(lián)系刪除！