我全都要！Adobe Xd 2019 11 月重磅更新來了！
大家好，這個部落格很久沒有發布稍微認真一點的文章了，這段時間除了打電動、看電影和到處旅行之外，好像還沒有認真地坐下來敲敲鍵盤呢 😅。剛好 Adobe Xd 在 2019 年 11 月 4 號發佈了更新，這次的大改版資訊量太多，所以先暫時拋下剛上映的 The End Of F**king World season 2，趕快整理一下 😂。
對作為早期使用者的我來說，這次的更新算是目前最大幅度的改版，除了更全面的 prototyping 動態效果以外，還加上版本控制以及 user testing ，另外不得不提的就是 Adobe Xd 也加入各家早已積極卡位的「設計協作」功能，不難看出 Adobe Xd 的佈局以及野心，希望可以用 Adobe 一家強大的資源來整合體驗設計的各個面向，簡而言之就是：我全都要。
接下來就快速地跟大家分享這次改版的兩大重點內容：協作與原型互動，雖然目前自己已經是 Sketch 使用者，但還是對於 Adobe Xd 日漸強大且完備的功能感到興奮，希望這套工具可以越來越厲害啊啊啊，那麼，開始吧 👇
設計協作
1. 設計協作 🙌
Coediting 應該算是滿多設計團隊很想要使用的功能，這也是各家介面設計軟體開始著重的方向，像是 Sketch 宣布即將推出 Team 版功能，而 Figma 則是早就發展協作功能一段時間了。但比起吃網路環境的 Figma，Xd 的協作功能相較之下方便許多，只要將檔案傳至雲端，就可以同時進行設計迭代，不用擔心效能上的問題，此外還可以看到同時有哪些夥伴正在修改這份文件，這應該是目前看到算最完整的協作功能了。
2. 版本控制 ⏱
設計師常會碰到反覆修改的需求，過去沒有做好版本控制的話，很容易忘記上次修改到哪些地方，如果要退版或更動設計還要找半天，但有了 History 功能，就可以快速查找之前存下來的版本紀錄，還可以把自己覺得重要的版本加入書籤與命名，但要注意的是檔案必須存放在雲端才會幫你記錄各個版本的編輯，此外每個版本紀錄只能保存 30 天（加入書籤的版本例外，可以永久保存）。
3. 分享模式 🎁
Xd 把分享功能獨立成一個模式，列在 Design 跟 Prototyping 旁邊，現在設計師可以透過 Share mode 更有效地傳遞、分享你的設計檔案，Share mode 支援五種不同的分享方式：Design Review、Development、Presentation、User testing 跟 Custom，基本上就是把所有設計師日常會碰到的各種狀況，通通都包在裡面了，所以無論是對 PM、工程師、客戶還是研究員，都可以藉由 Xd 輕鬆追蹤與管理你的檔案分享連結。
互動設計
元件狀態 📚
通常設計元件時不會只有一個狀態，比如按鈕最基本就會有一般、hover 跟 disable 之類的不同狀態，Xd 的 Component State 可以幫助你更有效率的管理這些元件，只要先設定好它們的狀態，就可以在設計稿上快速切換不同狀態的元件（其實就跟 Sketch 的 symbol 類似）。更詳細的操作可以參照下方影片 XD。
支援 Hover 效果 💗
再來可以說是最多人敲碗期待的互動功能，Adobe Xd 自從加入 auto-animate 後，已經可以快速在 prototype 中呈現各種動態與轉場效果，對於不想操作其他太繁複的軟體的我來說真的非常方便。關於 auto-animate 製作可以參考這篇文章：
但每次設計的時候都會覺得因為沒有 hover 效果，讓人感覺少了一點細微的操作體驗，現在 Xd 終於把這個功能開發出來了，主要製作方式可以再回顧上面那部影片。對我來說，未來在製作 high-fidelity prototype 的時候應該會更優先選擇 Xd 進行設計，畢竟不用考慮到其他程式面的設定，可以更專注在完成原型上的確還滿吸引人的。
更多、更豐富的互動 🤩
過去用 Xd 製作 prototyping 時，如果一個畫板有不同的動態效果，常需要再複製一個相同的 artboard 來拉線，但這次改版之後已經可以支援單個畫板進行多種互動效果，真的有一種「我看了什麼」的感覺 😅，所以不管是 hover 還是左右拖移等等你想得到的互動，現在都可以在單一 artboard 上完成，只要妥善設定好每個動態的觸發條件，就能夠做出完整的 prototyping，而且完全不用寫程式（太好了可以有偷懶的理由）（喂）。更多詳盡操作可以參照下方影片：
總結一下
除了上述兩個主要功能的大改版，還有其他項目的優化，像是與自家軟體的整合、Sketch 導入和 Plugin Manager 優化，這邊我就不再贅述了，有興趣的朋友可以參考 Adobe Xd 的 Blog：
總而言之，這次的 Adobe Xd 更新其實還滿令人驚豔的，最主要就是 Xd 已經越來越成熟，可以 cover 所有設計師需要面對的應用場景，不管是協作或者 prototype 都可以讓使用者輕鬆上手，加上跟 Adobe 自家的 PS、AI 與 Ae 整合，可以讓 Experence Design 往更高的層次前進，或許在把設計端的應用功能都吃完之後，Xd 也會開始往程式面發展也說不定 XD，很期待這套軟體未來的發展。
這次的介紹就到這邊，謝謝大家的收看，希望這個部落格可以繼續穩定更新，我們下次再會 😉。
如果想要更有系統性地認識這套軟體，也推薦各位朋友參考一些線上課程：
