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 2017 本站版權所有,禁止任意轉載 網路資訊雜誌 / 心動傳媒股份有限公司 聯絡電話:+886 2 29432416