精准設計——Adobe XD 評論

已發表: 2022-03-11

在我們結束 2018 年併步入 2019 年之際,讓我們回顧一下設計行業的現狀、設計師的角色、UX 設計工具和工作流程。

從構建有凝聚力的設計系統到為下一個設備創新設計流程或為用戶測試設計複雜界面的原型,設計人員可以從大量的 UX 設計工具中進行選擇。 無論是更受歡迎的程序之一,如 Sketch、基於 Web 的 Figma、積極發展的 Adob​​e XD,還是新推出的 InVision Studio——熟悉正確的 UX 設計工具(包括此 Adob​​e XD 評論)將加快產品設計過程。

用戶體驗設計工具過多。

選擇正確的用戶體驗設計工具

在查看設計師使用的工具時,重要的是要注意設計師的職責不斷變化和擴展。 僅在 6 到 7 年前,很少有人了解用戶體驗設計師的工作。 如今,每個設計師都希望至少進行某種用戶研究、原型設計和競爭分析。

這些轉變會影響設計師如何看待他們的工作流程、領域知識、技術和工具。 今天的客戶不僅希望看到精美的最終產品,還希望看到從線框圖到原型製作再到流暢的動畫 UI 的所有內容。

擴展你的專業領域不僅僅是一種賺更多錢的方法——它已經成為一種工作要求。 新產品設計流程通常意味著新工具,這意味著設計師需要花時間學習如何使用它們——這就是為什麼新設計工具的出現在過去幾年中如此迅速的原因。

Adobe XD 原型
Adobe XD 原型項目中的鏈接屏幕。

設計師依賴 Photoshop 作為主要設計工具的日子已經一去不復返了。 現在是設計軟件平台的競賽,以吸引初學者和專業人士。 Sketch 多年來一直是主要參與者,而 Figma 已獲得超過 4600 萬美元的資金支持,正在趕上其基於網絡的交互式原型製作工具。

最近,原型平台 InVision 決定使用自己的設計工具 InVision Studio 進入該領域。 它的發展速度並沒有大家所希望的那麼快,因此儘管 Studio 看起來相當穩固,但儘管最初大肆宣傳,但它仍然有些平淡無奇,而且出了名的漏洞百出。

在主導數字設計領域這麼久之後,Adobe 在這場終極 UX/UI 設計工具的競賽中落後了。 沒有長期留在那個位置的奢侈……進入 Adob​​e XD。 儘管在比賽中有點晚了,但 Adob​​e XD 自 2016 年發布以來已經越來越受歡迎,並已成為一個有前途的競爭者。

Adobe XD 評論:功能和優勢

有人可能會說,像 Adob​​e 這樣的行業巨頭是恐龍,無法像年輕的競爭對手那樣敏捷。 然而,像 Adob​​e 這樣的公司擁有快速發展的資源,以及使掌握 Adob​​e XD 成為一項良好投資的財務穩定性。 這是一個巨大的優勢,使 Adob​​e XD 非常有價值,並有可能成為未來領先的 UX 設計工具。

Adobe XD 評論
Adobe Design Library Manager 使創建設計資源的工作流程無縫銜接。

在深入審查 Adob​​e XD 功能之前,讓我們停下來問一下:“是否值得花時間學習一種新工具,它提供與我們已經知道的工具類似的功能?” 為了回答這個問題,讓我們看看四個標準:價格、易用性、生態系統和市場份額。

價錢

Sketch 和 Figma 等行業寵兒早期成功的因素之一是它們的相對負擔能力。 Adobe XD 是 Adob​​e Creative Cloud 訂閱的一部分,可讓您以每月 50 美元的價格訪問 Photoshop、Illustrator、Premiere Pro 等 20 多種應用程序,因此很難單獨區分該產品的價格。 除非您已經訂閱,否則可能很難證明花這麼多錢嘗試新工具是合理的。

然而,早在 2018 年 5 月,Adobe 就宣布了一項允許免費使用 Adob​​e XD 的入門計劃! 它僅限於一個活躍的項目,但它是測試水域並嘗試它所提供的一切的完美方式。

便於使用

大多數數字設計師在某些時候使用過 Adob​​e 應用程序並且熟悉通用界面:左側的工具面板、中間的主要區域、右側的圖層等。 Adobe XD 的美妙之處在於,您一開始使用它就會有賓至如歸的感覺。 學習曲線很輕鬆,主要發生在更複雜的設計系統和符號覆蓋周圍。

與類似工具一樣,Adobe XD 處理複雜的設計系統和符號庫。 它還具有直觀的工具,可輕鬆連接屏幕並創建交互式原型,無需代碼即可用於用戶測試。 最近發布的自動動畫通過在 Adob​​e XD 中自動為跨畫板的微交互製作動畫,使豐富交互的原型製作變得更加容易。

Adobe XD 原型示例
Adobe XD 可以使用拖動手勢創建自動動畫過渡。

生態系統

在 Adob​​e 生態系統中擁有 Adob​​e XD 是其最強大的賣點之一,因為您可能已經擁有 Creative Cloud,或者每週使用其他 Adob​​e 產品。 從矢量到照片,Adobe 產品套件有一個專用工具,可滿足大多數設計師的需求,與 Adob​​e XD 配合得非常順暢。

市場份額

2017 年,Adobe XD 的市場排名平均,無法掩蓋 Sketch 的主導地位。 快進兩年,Adobe 正在快速追趕(擁有超過 1200 萬的 Creative Cloud 用戶),並展示了繼續快速增長的巨大潛力。

回到是否值得花時間學習一種新的設計工具的問題,可以這樣想:如果你有一把錘子,你可以敲釘子,但你不能卸下螺絲——而且你永遠不會知道什麼時候需要取出螺絲。 隨著 Adob​​e XD 越來越受歡迎,遇到完全依賴 Adob​​e 產品的團隊或客戶的機會也越來越多。 設計師在他們的工具箱中擁有的工具越多,他們能夠處理的設計項目就越多,他們將能夠有效地與更多的團隊合作。

越來越多的 Adob​​e XD 功能和插件列表

“通過與 Creative Cloud 的集成,我們可以將客戶無縫連接到他們使用的所有服務,以及以強大和自定義的方式擴展我們的應用程序的源源不斷的工具,從而讓他們更快樂、更高效。”—— Vijay Vachani,總監,主管Adobe Creative Cloud 合作夥伴平台和生態系統。

Adobe XD 功能、插件和附加組件
插件和集成增強了 Adob​​e XD 原型設計工具。

Adobe XD 的界面看似“輕巧且基本”,但它可以處理複雜的設計系統和符號庫,使設計人員能夠輕鬆構建和更新復雜的設計。 對於設計和用戶測試過程同樣重要的是複雜的 XD 原型和動畫工具。 當設計師準備好獲得有關設計的反饋時,UserTesting 和 Userlytics 的插件允許他們在不離開程序的情況下做到這一點。

創建具有所有正確功能的終極用戶體驗設計工具是 InVision、Adobe 和其他公司努力的目標。 這項任務龐大而復雜,因此實現這一目標的方法之一是讓平台開發插件(並鼓勵其他人也這樣做)。

Adobe 最近宣佈為此目的設立 1000 萬美元的設計基金,這證明了支持插件和激勵開發人員創建它們的重要性。 在最近的 Adob​​e MAX 會議期間,圍繞插件、UI 工具包和應用程序集成發布了幾項重要公告,以擴展 Adob​​e XD 的實用程序。

雖然 Sketch 是一款出色的設計工具,但真正出色的是第三方插件的可用性,如 Runner、Color Accessibility Check、Magic Mirror、Auto Animate 等。Adobe XD 正在通過 RenameIt、Pixel Perfect 等插件加強他們的遊戲、數據生成器等以及與 Trello、Dribbble、Google Sheets 等的集成。

具有大量可用插件的 Adob​​e 原型設計工具
Adobe XD 的好處包括插件和附加組件的廣泛可用性。

通過在 Adob​​e Creative Residency 中投入資金來託管和支持新興人才,Adobe 保持了其生態系統的重要優勢。 未來成功的另一個關鍵因素是 Adob​​e XD 團隊在其他方面做得很好——傾聽最終用戶的意見,並通過邀請他們建議和支持要開發的下一個功能來讓他們參與開發過程。

從一開始,Adobe XD 就被定位為“從設計師到設計師的產品”,他們忠實地堅持了這一點。 每個月都會推出一組新功能。 例如,就在過去幾個月中,Adobe 推出了新的 Adob​​e XD 功能,例如響應式調整大小、定時轉換、拼寫檢查、Jira 集成等。

在 Adob​​e XD(Adobe 原型製作工具)中製作動畫
Adobe XD 原型中使用的自動動畫工具。

Adobe 最近還宣布將語音原型添加到 Adob​​e XD 工具集中。 這不是您對屏幕 UI 設計工具所期望的最明顯的功能,但語音命令 UI 正變得越來越普遍。

從 Siri 到 Alexa 以及其他屏幕之外的體驗,基於語音的交互正在普及。 Adobe XD 獨特的語音原型設計使設計師能夠跟上這一快速發展的趨勢。

擴展設計師的工具箱

與各種公司和不同項目合作的設計師很可能需要一系列解決問題的技能。 與其他潛在候選人相比,更廣泛的設計工具箱可能是一大優勢。 這對於可能每隔幾個月與不同客戶一起工作的自由職業者來說尤其重要——遲早會出現需要特定設計工具專業知識的項目。 不熟悉該工具可能意味著失去潛在的參與度。

關於設計師是否應該專注於擴展他們的曲目與磨練特定專業存在一些爭論。 Adobe XD 快速、免費且易於學習 - 冒險並擴展您的多功能性不會有任何損失。

• • •

進一步閱讀 Toptal 設計博客:

  • 最好的用戶體驗工具(帶有信息圖)
  • Figma vs. Sketch vs. Axure - 基於任務的評論
  • 設計 VUI——語音用戶界面
  • 最佳 UX 設計師組合 - 鼓舞人心的案例研究和示例
  • 輕鬆製作原型 - InVision Studio 教程