Blog 204/365：【學新知】Adobe XD 小試身手 III - 製作網頁互動原型

🤔為什麼要寫這篇小記？

隨著課程推進 (Adobe XD：網頁設計真容易)，作業內容也變得愈來愈有趣。

這一次的作業內容是要將前兩堂課設計的畫面，製作出有簡單動畫效果互動原型頁面。跟Axure不同的是，Adobe XD的動畫設計比較單純，只要針對按鈕進行畫布(artboard)的連結，並選擇想使用的動畫效果，就可以做出滿足大部分需求的「假動畫」。

畫布的連結看起來會像是下方這個畫面。實際上的動畫可以在這個公開連結，玩玩看我設計的原型設計：https://xd.adobe.com/view/186502cf-a8df-4d17-5fe5-601e63ef24b8-6e54/

點擊畫面一處，會有藍色框框提示哪裡是可以做互動的元件，有些是點擊、有些是拖曳。