Adobe Experience Design 初體驗

(Photo Credit : Adobe Blog )

Adobe 在前幾天發表了全新的 UI/UX 設計工具軟體 — — Adobe Experience Design,簡稱 XD。(是說這個名字真的太逗惹)

是阿多比出的,怎麼不朝聖一下,迅速的下載並嚐鮮看看,整體的軟體操作是蠻舒適的,介面也很乾淨、好上手。

但畢竟是第一代,還是有草創階段的感覺。

— — — — 先介紹一下 XD — — — —

Adobe Experience Design (XD) 整合了design與prototype兩大功能,可以幫助設計師從wireframe 到 mockup ,一直到prototype的製作,並提供了即時預覽以及線上預覽的功能。使用內建的共享功能,可以讓團隊與客戶皆能透過桌面或行動裝置瀏覽器進行預覽。

( photo : Adobe XD 啟動畫面 )

此外 XD 內有UI Kit 包含iOS、Google Material、Microsoft Windows 的套件可以使用,可以先選擇適用的裝置(Mobile、tablet、web 等),就可以直接開啟介面進行設計,並且會自動基於不同的應用裝置調整尺寸。

( photo : iOS UI KIT )
( photo : Google Material UI KIT )
( photo : Microsoft Windows UI KIT )

目前 Adobe XD 開放擁有 Adobe ID 的使用者免費下載(網址在此),不過僅支援 OS X 10.10 也只有英文版本(但操作上真的蠻無痛的)。Adobe XD Window 版預計於今年也會同步發佈,而正式版本似乎應該會在今年發表,同時 iOS 和 Android 版本也會在未來推出。Adobe 應該也會收集Preview版的User Feedback,來改善功能。

— — — — 軟體介紹完畢 — — — —


言歸正傳,來說說使用的心得

整體功能

1. 結合了 輕量版的 sketch + 網路上流通的 prototype 工具(ex: pop , invision...等)

2. prototype 串連畫面很直觀,但切換效果只有基本的上下左右滑入,沒有手勢操作,有點可惜

3. 內建線上分享的share link ,非常即時,上傳專案後,只要微調,也會同步更新,很智慧。

但相對在device 上預覽的效果,沒有仿間的工具優,但我相信他若出了Preview 的APP (類似Indesign Content viewer)之後應該會改善。

4. 快速套用現有UI Kit,就可以完成基本的介面。

5. 檔案容量也相當的輕巧,整個軟體也蠻不吃支援,同事的macbook 也運作自如~

6. 支援zepelin ,這是一個讓我很驚呼的點,神器啊!但因為我的 zepelin 還只是試用版,還沒購入,因此沒辦法看它支援的地步,有點惋惜。


製作面

1. 點選物件(也支援多選)可以匯出切圖,各解析度的都可以出,不方便的地方是沒辦法一次吐兩個平台,格式上面也只有png & svg。

另外,點選artboard , 就可以匯出整個畫面,但我還沒找到只輸出單一解析度的選項,每次匯出都會匯出兩個解析度。

2. 可以快速的從AI 貼入繪製的icon ,這點真的是蠻便利。

3. 繪製工具蠻陽春的,我想是因為支援AI ,所以這塊功能比較簡便一點,不過控制面板上不支援等比例變形,是有點哀傷。

4. 新增artboard 的概念跟sketch 大同小異,也會自動將畫板外的元件隱藏,不互相干擾。

5. 物件編輯可能是因為不太像adobe過去的操作體驗,因此在操作上面,較不這麼順暢。


基本的操作上,沒有太大的問題,介面適應上面也蠻無痛的,有使用過Adobe 系列軟體 or sketch 的人,都應該蠻好上手的。

( photo : Design 介面 )
( photo : Prototype 介面)
( photo : Prototype 設定效果介面)

但相對於一些效果、材質、動畫,還是需求不太符合。(還是繼續視專案需求,開啟 PS 、AI 、 Sketch ….. )

目前,仍然是觀望Adobe出windows 版本 以及device上的 Preview APP ,讓整體 design 和 preview 的體驗能夠更完整一點,另外也期望開放Creative Cloud 的資源共享,相信若開放之後,會有很多資源可以使用,可以更加速設計的製作。

這樣一套軟體就可以完成設計流程的demo,其實蠻理想的,而且完成的速度可以很快,效果也還蠻不錯的。但要做完整的產品產出,可能還是有點不敷使用(超級不負責任言論 XDDD ),還是會需要搭配其他相關軟體同步。

繼續觀望有沒有更強大的軟體,同時也會再深入研究看看XD有沒有更大的使用技能,是沒被挖掘出來的(搞不好之後有開發狂人開發超強大外掛...)。

每次出新的工具都會想要躍躍欲試,希望可以嘗試到一套好用的工具,畢竟有好的工具能夠方便設計師們進行設計,而好的工具可以事半功倍,就可以讓設計師們,更著重在細節的設計以及介面操作上面的優化了!