Adobe 終於推出 App 設計工具 Adobe Experience Design (XD) 來拯救 UI/UX 設計人員了

Adobe公佈代號彗星專案(Projet Comet)的最新UX設計與原型設計(prototyping)工具已久,但一直遲遲未能問世。最近終於釋出公開預覽版,正名為Adobe Experience Design CC(簡稱XD)。

Adobe 公佈代號彗星專案 (Projet Comet) 的最新 UX 設計與原型設計 (prototyping) 工具已久,但一直遲遲未能問世。最近終於釋出公開預覽版,正名為 Adobe Experience Design CC(簡稱 XD)。它並非要完全取代開發人員現有工具,而是找出一個利基市場,為 UI 及 UX 設計人員提供輕量、簡單好用的工具來建立介面,串聯 Web 、桌面與行動平台。

XD 專注畫面配置 (asset placement) 及設計互動原型

XD 定位在拯救每次想建立包含點陣 (raster) 圖、向量圖的介面及瀏覽畫面 (screen to screen navigation) 的設計時,不得不使用 Illustrator 、 Photoshop 與 Dreamweaver 的開發人員。它匯入圖片和插圖的介面比其他工具直覺得多。另外還有很多很棒的功能,像是很容易建立新圖和重複圖組的管理(令人想起 Solidworks 的 Patterns),後者稱為 Repeat Grids 。

Repeat Grid
Repeat Grid 幫助設計師快速在單一畫面上建立多組元件

 

XD 具備螢幕解析度預設值資料庫,可因應多種裝置所需,但你也可自己建立一個。它還提供 iOS 、 Android Material Design 和 Microsoft Windows 環境的基礎 UI 套件。你可以建立 XD 稱之為 Artboard 的單一畫面 (screen) 。畫圖工具既簡單好用又很強大。當轉成「原型」模式時,你可以透過按鍵等動作元素 (action element),把不同 Artboards 組合起來。

XD 支援多種圖片資產格式,包括建立可擴充介面的 SVG 等。然而 Artboard 建立的型態及大小仍然保留輸出裝置螢幕解析度獨有的像素。因此你必須建立多種版型 (layout) 以模仿裝置對各種解析度的原生支援。

分享很方便,但對開發人員助益有限

XD 讓展示影片的建立,以及整個影片輸出到 Adobe 雲端上以便和他人共享、給意見變得很容易。當你想開發一款設計,可以用較傳統的 IDE 從 XD 輸出資產。然而所有版型及串聯邏輯必須要從頭建立一次。在歷經無數個交接 (handoff) 做得一塌糊塗的專案後,能有個從原型到開發過程十分流暢的產品真的很難得。但其他工具像 Zeplin 也提供 spec 和樣式的交接。

我對 Adobe 提出這點疑問,他們認為,開發人員一般只想按自己方式來撰寫程式邏輯,不太可能套用設計部門來的邏輯。這點滿有道理,但 Adobe 也說未來他們將致力解決設計和開發人員之間合作的流暢性。另外自動產生 iOS Xcode Storyboard 也是很有趣的擴充程式。

UI flow
Prototype 工具最重要的功能就是 UI 流程了,模擬 App 的互動過程

價格與上市時間

Adobe Experience Designer CC 預覽版現已提供免費下載,只要具備 Adobe ID 即可,不過目前只有 Mac OS X 版。 Adobe 尚未公佈最終售價,不過有訂閱完整 Creative Cloud 的用戶應該也有權使用。它的訂價策略可能要更有競爭力一點,因為 XD 切入的是已經有 Zeplin 和 InVision 等眾多廠商的市場。 Adobe 也正在開發 Windows 版 XD,預計今年稍後推出。未來的版本也可能支援直接在行動裝置上即時預覽,以及更完善的回饋系統­-今天廣告或設計公司愛用的網站 wireframe-modeling 工具如 Redpen 就有這項功能。

Source: ExtremeTech

發表迴響

關於我們

自 1990 年創刊 UXmaster 雜誌,1991 年獲得美國 LAN Magazine 獨家授權中文版,2006 年獲得 CMP Network Computing 授權,2009 年合併 CMP Network Magazine 獨家授權中文版,2014 年轉型為《網路資訊》雜誌網站,為台灣中小企業協助技術領導者落實企業策略,了解網路規劃及應用,為企業網路應用、管理、 MIS 、 IT 人員必備之專業雜誌網站。


與我們聯絡

加入《網路資訊》雜誌社群

© Copyright 2025 本站版權所有,禁止任意轉載 網路資訊雜誌 / 心動傳媒股份有限公司 聯絡電話:+886 2 29432416

探索更多來自 網路資訊雜誌 的內容

立即訂閱即可持續閱讀,還能取得所有封存文章。

Continue reading

Secret Link