排版:雜雜草

2018年7月20日，Adobe發(fā)布了中文版XD，這是一款便攜式vector+原型工具，集線框設計、視覺設計、交互設計、原型設計等功能于一體?？梢杂盟p松設計用戶體驗。那么，Adobe對XD的定位是什么？是取代Photoshop，AI，Sketch還是什么？

我們來看看開發(fā)者的態(tài)度:“Photoshop和AI各有所長。前者處理位圖，后者處理純矢量內容。它們在UX以外的領域已經變得非常強大和不可替代，但我們希望您將來可以使用XD作為用戶體驗行業(yè)的標準軟件來設計原型?！边@是一個原型工具，但似乎沒那么簡單。有傳言說Adobe XD會是Skech的競爭對手。ui設計師似乎沒有理由不知道這件事。

首先，XD適合mac和windows，可以說是windows用戶的福音，windows人的比例仍然是不可忽視的力量。其次，XD免費使用，相比之下Sketch定價99美元/年。但是對于設計師來說，這些都不重要，易用性效率才是選擇的硬性標準！今天，我們將根據ui設計師的關注點對這兩個軟件進行詳細分析。

易用性

XD★★★★★☆草圖★★★★★★☆

界面比較

這兩個軟件在界面上高度相似，都很簡單，很輕便。如果你對素描比較熟悉，不需要額外學習就可以直接使用XD。熟悉PS和AI的用戶，因為快捷鍵相同，可以快速適應。

當然XD在界面上也有一些異同，主要是弱化了圖層的概念，默認不顯示重要的圖層面板，讓很多人吐槽，發(fā)現沒有圖層。其實就藏在左下角。所見即所得模式更接近ai的設計步驟，在界面上更輕便。

還有一點就是再也找不到尺子了。但是當我們使用它的時候，無論是移動元素，生成標注線，還是按ALT自動測量它們的距離，我們都感覺好像不再依賴于標尺了。此外，方便的網格工具(類似于ps的guideguide插件)的布局可以快速提供網格刪除。)和正方形(網格工具)，去掉比例對設計影響不大。

演示網格

兼容性

XD ★★★★★草圖★★★

兼容的

XD兼容性非常友好，可以兼容Ps，Ai，Sketch，Zeplin，Protopie文件。需要注意的是，如果直接把文件拖進XD，是沒有反應的。正確的打開方式是選擇元素Ctrl+C和Ctrl+V，Ps 12.0和素描不太兼容，但是這個問題在13.1中已經完全解決了。版本更新對XD來說很重要~每個月的更新迭代幾乎都有大動作，但是最近的草圖更新帶來的bug在體驗上大大減少。

能畫圖形

XD ★★草圖★★★★★

富頂工具欄Sketch在Xd中拆分。并集、減法等布爾運算放在右欄，Mask、Group等函數放在軟件頂部菜單欄。但是XD沒有設計中用到的繪圖“神器”，它的繪圖工具非常簡單，只有基本的矩形、圓形、鋼筆工具(沒有跟蹤點選擇工具，編輯前需要雙擊路徑)，使用布爾運算來繪制圖形。所以要想快速繪制矢量圖形，還是要用其他軟件來完成。

另外，XD沒有這些功能:

沒有剪刀，旋轉復制，輪廓，變換，這些工具，在圖形處理上便捷性大打折扣。沒有鏡像工具，需要借助其他軟件完成。沒有像素對齊和預覽模式，無法做到圖標邊緣的像素對齊，在輸出切圖時就無法保證虛邊的存在。沒有等比縮放工具，縮放時的等比和描邊不可控…

要塞

XD ★★★★★草圖★★★

強大的排版能力-重復網格

復制網格

XD獨有的功能，是橫向或縱向復制內容的工具，一般用來填充制作列表和卡片的頁面。復制的網格也可以再次復制。調整間距也是隨機拖放。用批量替換功能在提高效率方面堪稱神器！

支持批量替換

輸入數據

如果是以前的工作方式，需要達到實實在在的效果，逐個找圖找字效率太低

XD支持拖動多個元素進行自動替換，在需要大量數據填充設計時速度非常快。不僅圖片，文本內容也可以拖拽替換(格式要。TXT)。當然，草圖也可以用插件實現。

人性化的資源面板

映射資源面板

Adobe XD資源頁相當于Sketch中的圖層樣式+文字樣式+符號。

與Sketch相比，顯示更直觀，可以改變顏色、大小、內容等。而無需跳轉到單獨的頁面進行編輯。

與圖層一樣，資源面板被削弱并隱藏在左下角。XD顏色庫和字符庫的亮點是選擇了畫布，右鍵可以提取面板所有元素的顏色和文字樣式，可以讓我們清晰的查看界面元素是否符合規(guī)范，是否有特殊的顏色和樣式，對于規(guī)范的統一應用有很大的幫助。

符號——相當于素描的符號成分。XD可以隨意拖放，添加頁面上常用的元素或組，如TabBar NavigationBar等。通過使用這個，您可以快速使用組件并改進界面。

繪圖推導

XD可以一鍵裁剪出各平臺iOS、Android、web所需的裁剪圖像，導出對象所有相關分辨率的版本，省時省心。

功能和擴展

XD★★★★★草圖★★★★★★☆

插件

草圖插件曾經讓我們驚嘆不已，標簽插件成為ui設計師生存的重要工具。

Adobe XD作為支持工具插件與第三方工具和服務集成的平臺，在體驗設計的世界中不斷創(chuàng)新。在插件方面，XD也不是不愿意落后。Adobe聲稱它已經提供了1000瓦的獎金來獎勵XD插件的開發(fā)人員。漸漸的，Pixel Chef、藍瀉湖、Rename it等Sketch經典插件也落戶XD陣營。

適配性

右邊的面板響應設計有一個獨特的選項，在適應ipad和網頁設計時非常方便。打開面板，當設計圖改變時，畫布大小會自動適應。

原型交互方面

XD ★★★草圖★★

互動

XD目前的交互模式只支持頁面間跳轉。操作過程很簡單。簡單的交互動畫可以通過簡單的拖放來完成。您還可以控制動畫類型和參數。目前，提供的屬性僅包括頁面出現的方式、持續(xù)時間以及慢進和慢出屬性。

同時配備演示原型和錄制屏幕功能，可以快速預覽和交互，錄制視頻。

摘要

雖然目前XD還不是很成熟，但是未來會如何就不好說了。然而，不難看出，Adobe官方希望在UI設計工具領域后推出自己的抱負。這讓我想起了另一個設計軟件CorelDRAW。很多年前，艾沒有PC版，只有MAC版。早期的設計師買不起Mac，只能選擇CD。國內很多教程和資料也是圍繞CD展開的。后來艾有了PC版，集成了Ps等軟件。CorelDRAW漸漸寂寞了。。。XD四個月更新了四次。你知道這有多難嗎？

更新

如果還在猶豫，是否值得花時間去學習？看看XD的黑技術技巧。也許你會對它如何提高效率，幫助你更快更好地完成設計有更清晰的認識。效率就是生命，我從不拒絕偷懶，提高速度。

本文由58UXD(ID:uxd58ganji)發(fā)布，授權在網上早讀課上轉載。內容只代表作者的獨立觀點，不代表早期閱讀的立場。如需轉載，請聯系原作者。

擴展閱讀: