原型利器前瞻!Adobe Experience Design CC 體驗概覽
今天知道 Adobe 家族剛加入了一款新產品,叫 Adobe Experience Design CC。今天,帶大家一起體驗下 Preview 版本的各個特點。 去年 Adobe 就在網站上放出了 Adobe Project Comet 的簡介和視頻,如今已經可以下載到 Preview 版體驗試用,當前版本將軟件更名為 Xd(文件格式也是.xd)。 目前,XD 暫時只有 Mac 版本,不過官網已經明確表示 ?Win 版即將推出。簡單來說,XD 是一款矢量化圖形設計 + 簡單原型制作的軟件,有點類似于 Sketch+Silver 的組合。XD?主要增加了交互,并且能夠對交互錄像。這更加方便產品經理對需求和交互了,不是么? 首先是打開軟件的首頁: 支持的設備與尺寸還是比較豐富的,比如 iPhone 的 6P、6、5S 等設備和尺寸。同時,XD 還自帶了一些常用的 UI Kits,比如 iOS、Google Material 以及 Microsoft Matetial 等,這樣就可以幫助設計師以及產品經理快速從素材庫選取內容搭建頁面和原型。是不是很方便呢? 不過,相比較 Sketch 而言,XD 在選擇設備與尺寸上還有比較大的提升空間。新建文檔的時候,沒有辦法直接選取設備和尺寸。另外,在畫布中新建所需的畫板(主要為選擇對應設備尺寸的畫板而言)也不是太方便。 整個軟件的界面非常清爽,如果你對 Sketch 的很熟悉,那基本不需要任何額外的學習就可以直接上手使用。另外,如果你是 Adobe 的忠實用戶,他們的界面布局也基本上是一致的。 上圖是 XD 的主界面了,左邊是工具欄,包括選中、插入矢量圖形、鋼筆、文字還有畫板(Artboard,與Sketch類似),是不是很熟悉?右邊是類似 Sketch 的檢查器,選中不同類型的元素時就會出現相應的編輯內容,比如陰影、顏色、對齊、布爾運算還有生成表格等。對于矢量元素可以方便地添加、刪除、編輯錨點,配合鋼筆可以做出任何你想要的圖形。 另外,提及一點,XD 在圖層的支持上現在并不好。如果設計師或者產品設計規劃較復雜的界面,對圖層的使用是一項比較重要的功能。主要是需要較快的選擇圖層進行編輯和調整,不然真的會頭疼。這一點,XD 和 Axure 很類似。 一個神奇的功能叫做 Repeat Grid,實際效果就是可以通過拖動來快速直觀地生成一個 Gird??次艺f起來好像和 Sketch 或者 PS 的同類功能沒什么區別,但實際試一下就會發現 XD 的交互方式更佳直觀簡便。 鼠標按住某個間距時,會直接顯示數值。并且如果你對間距進行拖動的話,可以讓整個 Grid 間距跟著變化,整個過程只需要鼠標不需要其他額外的快捷鍵輔助。 圖片的添加和替換也很容易,直接把 png 丟到對應的位置,XD 會幫助你自動匹配。當然如果不滿意再自己調整就好。 其實設計部分這些功能就足夠了,深層次的操作大家可以挖掘一下。下面介紹一下原型(Prototype)功能。 在界面的左上角可以快速在 Design 和 Prototype 中切換。在 Prototype 界面下,選中元素會發現右邊出現了一個小箭頭,并且可以選擇簡單的動畫類型和參數: 比較遺憾的是目前 XD 中只能做到頁面的切換,也就是讓另一個頁面從不同的方向滑入切換原本的頁面,最多也只能做到淡入淡出,想要讓某個元素單獨飛出來目前應該是做不到的。不過我覺得既然主打了原型功能,Adobe 應該不會只滿足于頁面切換,未來一定會增強這個功能的。 軟件自帶了預覽功能,可以在 Mac 上直接查看效果。軟件還可以對交互效果進行錄制,不過好像尺寸分辨率都不能調整,目前只能導出 mov 格式的視頻。另外暫時沒有看到對應的 App 在手機上預覽,不過通過 Share 功能可以生成一個鏈接,發給別人之后就可以在手機上看了。 總而言之,XD 軟件的界面設計還算是比較有特色的,但是總體感覺,抄襲 Sketch 的影子太明顯,或許是我用 Sketch 太久的原因吧……另外,Adobe 有 PS 和 AI 的基礎我相信視覺設計部分肯定不會有問題,只是現在的交互部分還尚顯稚嫩。畢竟現在還只是 Preview 版本,相信 Abobe 在后續的迭代中會將打造得越來越好。 XD 官網:http://www.adobe.com/products/experience-design.html#x
又要去熟悉新的工具…好累
?? ?? ??