1. 影片描述
網頁設計中，通常都會包含一到多個按鈕，像是上傳、下載按鈕或是送出表單按鈕等…，可以有多種功能。
建議在設計按鈕時，可加入一些動態變化效果，讓用戶與按鈕互動時，可以輕易理解當下的狀況，創造良好的使用體驗！
優質的按鈕設計，還能吸引用戶目光，促使用戶想要點擊按鈕，提升轉換率！
今天將教大家如何使用 Figma，設計一個簡單的下載按鈕，再加入流暢的轉變動畫，像是加載進度條、載入完成的動態效果等…。
步驟簡單，新手也能輕鬆學會，快跟著影片一起操作吧～
2. 影片時間軸
- 00:00:00 – 開頭展示
- 00:00:32 – 製作按鈕初版
- 00:04:53 – 後續製作 ＆Prototype 連線
- 00:08:10 – 套用元件＆成品一覽
- 00:09:22 – 結尾分享
WordPress 學習資源
學習網站架設＋網路行銷的過程中，或許會遇到一些解決不了問題，可以在下方留言給我，我會盡力協助解答！
接下來，額外分享 2 項實用資源，可有效幫助大家做學習。
資源一：犬哥數位（專業 WordPress 網頁設計公司）
如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位（WordPress 網頁設計公司），請專家製作會更有效率！
我們有多年網頁設計經驗，加上上百個實戰高質感作品，絕對能滿足您的需求！
資源二：WordPress＋SEO 超強線上課程
這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗，從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站，3 大類型網站建置方法等 .. 豐富內容，一次教會你。
課程內容非常的紮實（長度超過 20 小時）。如果你剛學習自架網站，這門課程可以讓你用最快的速度，就學會這項技能！
網站建立完畢後，但卻沒有流量怎麼辦？或是只能靠花錢投廣告才會有訂單？
這門 SEO 排名飆升課，教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等 ..，大幅提升行銷能力。
帶你衝上 Google 排名第一頁，大量提升網站營收和訂單！
