上期的文章《 Adobe XD 從入門到精通（上） 》中主要講了XD製作靜態交互界面的功能和使用方法，這次馬克筆設計留學的MUzi老師向大家來介紹一下XD是如何實現動態交互原型的，也就是軟體中的「原型」工作區

當切換到原型界面，最左側的功能鍵簡化到只有選擇和縮放，也就是說在「原型」工作區只能編輯界面交互動效，不能修改界面的設計。

在XD中通過選擇交互入口（可以是文字，圖案，圖片，一個編組以及一個頁面），拖拽出一條曲線，鏈接到目標頁面上，並且選擇切換動效，從而實現動態交互。

XD中的動態效果有兩類，一類是界面之間的跳轉，一類是頁面內的交互。其中「過度」功能就是實現界面之間的切換跳轉。它的操作比較簡單，只要選擇目標物體，拖拽出一條曲線鏈接到目標頁面上即可完成。

在動效設置中有「過渡」和「緩動」的設定，「過渡」有無過渡，溶解，左右上下滑出以及向左右上下推出。「緩動」有漸入，漸出，漸入漸出和無緩動。

疊加是用來製作在頁面中的交互，它的使用方法是在連接到目標物體之後，選擇「疊加」，之後會出現一個綠色的框在原頁面上，被連接的頁面底色會變成透明，然後選擇動態效果即可完成頁面內的交互。

在這裡還可以選擇點擊目標物體後的鏈接頁面，XD默認是跳轉到上一個畫板，可以將它鏈接到你想要跳轉的位置，即可完成下圖這樣的交互。

XD內有演示原型和錄屏的功能，可以快速預覽和交互並且錄製視頻。此外還可以設備上預覽，這就需要下載XD的app，然後通過鏈接數據線或者登陸Creative Cloud賬號同步項目來實現預覽。

Adobe XD App iOS版本在大陸沒有上架，不過不用擔心，馬克筆有詳細的教程教你如何從Appstore下載。《手把手教你轉換App Store區域，安裝iOS 原版 Adobe XD》

原文鏈接：http://www.makebi.net/30591.html

文章作者：MUzi南安普敦大學交互設計碩士

擅長交互設計與用戶體驗相關專業輔導和課程知識體系建立

任何關於院校和作品集的問題

歡迎隨時和馬克君溝通知無不言，言無不盡

歡迎關注公眾號：馬克筆設計留學，更多院校信息以及作品集攻略都在這裡哦！

推薦閱讀：