Adobe XD 與 Sketch – 哪種 UX 工具適合您？

已發表: 2022-03-11

UX 設計師需要許多工具來完成從研究到設計再到原型和移交的 UX 工作流程的多個階段。 如果您在 PC 上工作，您可能會經常提到 Sketch，這是一種流行的、流線型的矢量圖形編輯器，帶有無數有用的插件，正在迅速成為行業標準——但僅在 Mac OS 上可用。 這意味著，除非您擁有 Apple 機器，否則您將被排除在外。 但現在 Adob​​e 正在積極開發一個合適的跨平台 Sketch 競爭對手（並且看起來很像？），經過多年的缺席：Adobe XD。

Adobe XD 用戶界面
Adobe XD 用戶界面。


草圖用戶界面
Sketch 用戶界面顯然是 XD 中 Adob​​e 的主要靈感來源，因為它試圖吸引相同類型的用戶。

什麼是 Adob​​e XD？

Adobe Experience Design CC 或 Adob​​e XD 是輕量級矢量圖形編輯器和原型製作工具，在 Adob​​e MAX 2015 上宣佈為 Project Comet。 該軟件於 2016 年 3 月作為 Creative Cloud 的一部分推出預覽版，現在處於測試階段，幾乎每個月都會收到更新。

在此之前，Adobe 一直致力於為 UX 設計師在其已建立的工具（如 Photoshop 和 Illustrator）上添加功能。 儘管它們都是很棒的軟件，但它們既不是輕量級的，也不是針對此類工作的精簡。 多年來，尤其是在 2013 年 Adob​​e Fireworks（從 Macromedia 收購的經典的面向 Web 的原型工具）棄用之後，越來越多的用戶體驗設計師認為 Creative Cloud 不符合市場預期。 所以，他們跳到了 Sketch（如果他們有 Mac）。 雖然 Adob​​e 對這種大規模外流的反應有點晚（Bohemian Coding 在整整 6 年前推出了 Sketch），但值得等待，特別是如果您僅限於在 PC 上使用不太合適的工具。 讓我們比較一下 Adob​​e XD 與 Sketch

用戶界面和獨家功能

當您打開 Adob​​e XD 時，您的第一印像是界面非常熟悉，無論是 Sketch 用戶還是 Adob​​e 的忠實粉絲。 Adobe 放棄了預期的 Creative Cloud 較暗的按鈕和菜單，並選擇提供兩全其美的選擇。 與 Sketch 不同，您會在屏幕左側看到一組工具，但在右側還會看到更高的圖層面板和動態屬性，如 Sketch 所示。 無論您以前使用什麼工具，它都易於使用且易於學習。

重複網格

Adobe XD 還具有一組獨特的功能，例如重複網格，該工具可讓您複製一組對象，例如具有可變數據和副本之間可配置間距的 Material Design 卡。

Adobe XD 中的重複網格功能
在 Adob​​e XD 中使用重複網格功能創建相似對象組。

原型製作

在 XD 中，您可以創建交互式原型，而無需像在 Sketch 中那樣使用第三方插件。 Adobe 原型編輯器允許設計人員使用連線和設置過渡以可視方式將交互區域連接到其他屏幕。 準備好交互式原型後，您可以發布和共享原型，可以在 Web 上或使用 Adob​​e XD 移動應用程序查看。 然而，XD 原型還不支持手勢或像標題這樣的固定部分，這在 InVision 和其他與 Sketch 連接的僅原型工具上是可能的。

Adobe XD 中的原型功能
在 Adob​​e XD 的原型功能中將按鈕連接到屏幕。

資產面板

在 2017 年 8 月的更新中，Adobe 添加了“資源”面板，這是一種將交互式樣式指南與顏色、字符樣式和符號結合在一起的巧妙方法。 當您在“資產”面板中更改某些內容時，您的作品中對資產的每次使用都會隨之而來。 Sketch 也有顏色變量、字符樣式和符號，但每一個都包含在自己的面板中。

Adobe XD 資源面板
更改資產面板中的元素會更改整個項目。

Adobe 在產品博客上宣布了一些將出現在 XD 上的下一個功能。 其中之一擴展了資產功能，允許設計師發布項目的樣式指南，其中包含可下載的字體、資產和顏色十六進制代碼，以及交互式原型和用於開發人員調查原型內元素的檢查功能。 這被稱為“開發人員的交接”，並且已經可以在 Sketch（和 Photoshop）中使用 Zeplin 等插件實現。 另一個被戲弄的未來功能是 XD 內部的實時協作，類似於 Google Docs 上的協作功能，並且已經在 Figma 等其他 UX 設計工具上可用。

訂閱 Toptal 設計博客並接收我們的電子書

Sketch（及其插件）與 Adob​​e XD

特徵Adobe XD 草圖
矢量圖形是（並且在 CC 訂閱中包括 Adob​​e Illustrator） 是的
高級圖像編輯否（但在 CC 訂閱中包含 Adob​​e Photoshop） 不
輕的是的是的
原型製作是的否（但可用於第三方插件）
資產出口是的是的
與在線風格指南和檢查員交接否（宣佈為未來功能） 否（但可用於第三方插件）
符號和样式是的是的
重複網格是的不
文檔網格是的是（有列和更多選項）
插件不是的
合作否（宣佈為未來功能） 否（但可用於第三方插件）
macOS 版本是的是的
視窗版本是 (Windows 10 或以上) 不
價格和許可Beta 版是免費的，它需要有一個 Adob​​e ID。 最終定價將公佈。 一年更新 99 美元，但之後您可以繼續使用而無需更新

當你看到更大的圖景時，很明顯，Adobe 打算讓 XD 不僅做 Sketch 作為矢量圖形工具所做的一切，還包括它的插件，涵蓋整個 UX 設計工作流程。 從設計到原型製作再到交付，Adobe XD 可能會成為權威的 UX 設計師工具，但今天呢？

是時候切換了嗎？

Adobe XD 首先面向 Windows 用戶（不能使用僅 macOS 的 Sketch）和當前的 Adob​​e Creative Cloud 訂閱者（除了 Photoshop、Illustrator 等，他們不需要為 XD 支付更多費用）。

有許多 UX 設計師已經躍躍欲試，要么是因為他們甚至是 macOS 上的 Creative Cloud 訂閱者，要么是因為他們相信 XD 將成為下一個標準並且對當前的功能集感到滿意。 如果您是一位經驗豐富的 Sketch 用戶，您將享受到整體上更好的界面、獨特的 XD 功能，但也必須應對當前的限制和缺乏插件支持。 無論如何，試一試並與我們分享您的印象！

• • •

進一步閱讀 Toptal 設計博客：

  • 電子商務用戶體驗——最佳實踐概述（附信息圖）
  • 以人為本的設計在產品設計中的重要性
  • 最佳 UX 設計師作品集——鼓舞人心的案例研究和示例
  • 移動界面的啟發式原則
  • 預期設計：如何創造神奇的用戶體驗