2018年7月20日，Adobe發(fā)布了XD中文版，這是一款輕量級(jí)的矢量+原型工具，集線框設(shè)計(jì)、視覺(jué)設(shè)計(jì)、交互設(shè)計(jì)、原型設(shè)計(jì)等功能于一體。 您可以使用它輕松完成用戶體驗(yàn)設(shè)計(jì)。 那么，Adobe對(duì)XD的定位是什么？ 是替代、人工智能和競(jìng)爭(zhēng)還是什么？

我們來(lái)看看開(kāi)發(fā)者的態(tài)度：“AI和AI各有所長(zhǎng)，前者處理位圖，后者處理純矢量?jī)?nèi)容。它們?cè)赨X以外的領(lǐng)域已經(jīng)變得非常強(qiáng)大且不可替代，但我們希望在未來(lái)你可以使用XD專(zhuān)門(mén)設(shè)計(jì)原型，作為用戶體驗(yàn)行業(yè)的標(biāo)準(zhǔn)軟件?！?說(shuō)是原型工具，但好像沒(méi)那么簡(jiǎn)單。 據(jù)傳言，Adobe XD將成為Skech的強(qiáng)勁競(jìng)爭(zhēng)對(duì)手。 看來(lái)ui設(shè)計(jì)師沒(méi)有理由不去看看。

首先，XD適用于mac和兩個(gè)平臺(tái)，這對(duì)于用戶來(lái)說(shuō)可以說(shuō)是一個(gè)好消息。 人口比例仍然是一股不可忽視的力量。 其次，相比99美元/年的價(jià)格，XD是免費(fèi)使用的。 但對(duì)于設(shè)計(jì)師來(lái)說(shuō)，這些都不重要。 易用性和效率是選擇的硬性標(biāo)準(zhǔn)！ 今天我們就根據(jù)UI設(shè)計(jì)師關(guān)心的問(wèn)題來(lái)詳細(xì)分析一下這兩款軟件。

使用方便

XD ★★★★☆ ★★★★☆

界面對(duì)比

這兩個(gè)軟件的界面高度相似，都簡(jiǎn)單、輕量。 如果您熟悉了，就可以直接開(kāi)始使用 XD，無(wú)需任何額外的學(xué)習(xí)。 熟悉PS和AI的用戶可以很快適應(yīng)，因?yàn)榭旖萱I是相同的。

當(dāng)然，XD的界面也有一些相同點(diǎn)和不同點(diǎn)。 主要是：圖層的概念被弱化，重要的圖層面板默認(rèn)不顯示，這讓很多人抱怨找不到圖層。 事實(shí)上，它隱藏在左下角。 所見(jiàn)即所得的模型更接近AI的設(shè)計(jì)步驟，并且界面上更加輕量級(jí)。

還有一點(diǎn)就是我們已經(jīng)找不到尺子了。 但使用時(shí)，無(wú)論是移動(dòng)元素、生成標(biāo)簽線，還是按住ALT自動(dòng)調(diào)整距離的功能，我們感覺(jué)不再那么依賴(lài)標(biāo)尺了。 再加上網(wǎng)格工具（類(lèi)似PS的一個(gè)插件，可以快速提供網(wǎng)格刪除）和方塊（網(wǎng)格工具）方便的布局，去掉標(biāo)尺不會(huì)對(duì)設(shè)計(jì)造成太大影響。

呈現(xiàn)網(wǎng)格

兼容性

XD ★★★★★ ★★★

兼容的

XD在兼容性方面非常友好，可以兼容PS、Ai、、、文件。 需要注意的是，如果直接將文件拖入XD中，是沒(méi)有任何反應(yīng)的。 正確的打開(kāi)方式是選擇元素Ctrl+C、Ctrl+V。 ps 12.0版本還不太兼容ai圖標(biāo)導(dǎo)入sketch，不過(guò)這個(gè)問(wèn)題在13.1版本已經(jīng)完全解決了。 版本更新對(duì)于 XD 來(lái)說(shuō)非常重要～每個(gè)月的更新迭代幾乎都有大動(dòng)作，而且最近更新帶來(lái)的 bug 大大降低了體驗(yàn)。

圖形繪制能力

XD ★★ ★★★★★

豐富的頂部工具欄已在 Xd 中拆分。 右欄放置了Union等布爾運(yùn)算，Mask、Group等功能放置在軟件頂部菜單欄。 然而，XD 沒(méi)有任何用于設(shè)計(jì)的繪圖“工件”。 它的繪圖工具非常簡(jiǎn)單，只有基本的矩形、圓形和鋼筆工具（沒(méi)有點(diǎn)選擇工具，需要雙擊路徑進(jìn)行編輯）。 使用布爾運(yùn)算來(lái)繪制圖形。 這意味著如果你想快速繪制矢量圖形，你仍然需要使用其他軟件來(lái)完成。

另外，XD還沒(méi)有這些功能：

· 無(wú)需剪刀、旋轉(zhuǎn)復(fù)制、輪廓、變換，這些工具大大降低了圖形處理的便利性。

· 沒(méi)有鏡像工具，需要使用其他軟件來(lái)完成。

·沒(méi)有像素對(duì)齊和預(yù)覽模式，無(wú)法實(shí)現(xiàn)圖標(biāo)邊緣的像素對(duì)齊，輸出剪切圖像時(shí)無(wú)法保證虛擬邊緣的存在。

· 沒(méi)有比例縮放工具，縮放時(shí)的比例比例和筆畫(huà)不可控……

速度

XD ★★★★★ ★★

· 強(qiáng)大的排版能力——重復(fù)網(wǎng)格

復(fù)制網(wǎng)格

XD 的獨(dú)特功能，它是水平或垂直復(fù)制內(nèi)容的工具。 一般用于填寫(xiě)生產(chǎn)清單和卡片式頁(yè)面。 復(fù)制的網(wǎng)格可以再次復(fù)制，并且可以隨意拖放調(diào)整間距。 結(jié)合批量替換功能，堪稱(chēng)提高效率的神器！

· 支持批量更換

導(dǎo)入數(shù)據(jù)

如果是在以前的工作中，如果我們需要達(dá)到真實(shí)的效果，我們就必須一張一張地找圖片和文字，效率太低了。

XD 支持拖入多個(gè)元素并自動(dòng)替換它們，當(dāng)需要大量數(shù)據(jù)填充設(shè)計(jì)時(shí)，速度非常快。 不僅是圖片，還可以拖入替換文本內(nèi)容（格式必須是.TXT）。 當(dāng)然，這也可以通過(guò)插件來(lái)實(shí)現(xiàn)。

· 人性化的資源面板

圖片資源面板

Adobe XD資源頁(yè)相當(dāng)于圖層樣式+文本樣式+.

與顯示器相比，顯示更直觀。 您可以在圖層頁(yè)面上更改顏色、大小、內(nèi)容等，而無(wú)需跳轉(zhuǎn)到單獨(dú)的頁(yè)面進(jìn)行編輯。

資源面板和圖層一樣，被弱化并隱藏在左下角。 XD顏色庫(kù)和字符庫(kù)的亮點(diǎn)是選擇畫(huà)布，右鍵提取所有面板元素的顏色和文字樣式。 這可以讓我們清楚地檢查界面元素是否符合規(guī)范，是否有特殊的顏色和樣式，以及規(guī)范的統(tǒng)一應(yīng)用。 這很有幫助。

符號(hào)相當(dāng)于組件。 在使用方面，XD可以通過(guò)拖放的方式在頁(yè)面上添加常用的元素或組等，你可以利用它來(lái)快速使用組件并完善界面。

圖片導(dǎo)出

XD可以一鍵剪出各平臺(tái)、iOS、Web所需的圖片，并導(dǎo)出對(duì)象所有關(guān)聯(lián)分辨率的版本，可謂省時(shí)省心。

功能和擴(kuò)展

XD ★★★★ ★★★★☆

· 插件

插件曾經(jīng)讓我們驚嘆不已，標(biāo)注插件也成為UI設(shè)計(jì)師賴(lài)以生存的重要工具。

Adobe XD 作為支持工具插件以及第三方工具和服務(wù)集成的平臺(tái)，也在體驗(yàn)設(shè)計(jì)領(lǐng)域不斷創(chuàng)新。 在插件方面，XD也不甘落后。 為此，Adobe宣布提供1000W美元獎(jiǎng)金獎(jiǎng)勵(lì)XD插件開(kāi)發(fā)者。 漸漸地，Pixel Chef、Blue 、IT等經(jīng)典插件也進(jìn)入了XD陣營(yíng)。

· 適應(yīng)性

反應(yīng)靈敏

右側(cè)面板有一個(gè)獨(dú)特的選項(xiàng)——響應(yīng)式設(shè)計(jì)，在適配iPad和網(wǎng)頁(yè)設(shè)計(jì)時(shí)非常方便。 打開(kāi)面板，設(shè)計(jì)將自動(dòng)適應(yīng)畫(huà)布的大小。

原型交互方面

XD ★★★ ★★

相互作用

當(dāng)前版本的XD交互方式僅支持頁(yè)面之間的跳轉(zhuǎn)。 操作過(guò)程非常簡(jiǎn)單。 只需拖放即可完成簡(jiǎn)單的交互式動(dòng)畫(huà)。 您還可以控制動(dòng)畫(huà)類(lèi)型和參數(shù)。 目前提供的屬性?xún)H包括頁(yè)面顯示方式、持續(xù)時(shí)間以及緩入和緩出屬性。

它還配備了演示原型和屏幕錄制功能，可以快速預(yù)覽和交互并錄制視頻。

總結(jié)

雖然XD現(xiàn)階段還不是很成熟，但未來(lái)會(huì)發(fā)生什么還很難說(shuō)。 但不難看出，Adobe官方的野心是要在UI設(shè)計(jì)工具領(lǐng)域先發(fā)制人。 這讓我想起了另一個(gè)設(shè)計(jì)軟件。 很多年前，Ai沒(méi)有PC版本，只有MAC版本。 早期的設(shè)計(jì)師買(mǎi)不起 Mac 只能選擇 CD。 國(guó)內(nèi)很多教程和資料也是以光盤(pán)為基礎(chǔ)的。 后來(lái)Ai出了PC版，與PS等軟件有一定的整合。 從此，他漸漸變得孤獨(dú)。 。 。 而且XD在四個(gè)月內(nèi)更新了四次。 你知道它有多辛苦嗎？

更新

如果你還在猶豫是否值得花時(shí)間學(xué)習(xí)ai圖標(biāo)導(dǎo)入sketch，不妨看看XD的黑科技技能。 也許你會(huì)對(duì)它如何提高效率、幫助你更快更好地完成設(shè)計(jì)有更清晰的認(rèn)識(shí)。 效率就是生命，我從不拒絕偷懶和提高速度的方法。

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