【Figma 設計教學】製作網頁載入動畫,有趣的流動效果!

【Figma 設計教學】製作網頁載入動畫,有趣的流動效果!

1. 影片描述

瀏覽網站時,若網站內容太多的話,可能會需要等待一下才能進入網站,這時候通常會設計載入動畫,讓用戶清楚當下的狀況。

今天我將教大家使用 Figma 這款軟體,設計一個流暢、舒服的載入動畫,降低用戶等待網頁載入時,不耐煩的心情。

2. 影片時間軸

  • 00:00:00 – 開頭
  • 00:00:49 – 今日成品預覽
  • 00:01:13 – 準備效果素材
  • 00:02:07 – 進行效果製作
  • 00:07:27 – 設定 Prototype 流程
  • 00:08:56 – 成品展示
  • 00:09:36 – 結尾分享

WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:WP 高手架站課(線上課程)

這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗,從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等 .. 豐富內容,一次教會你。

課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!

幫你增加網路曝光,提高你的線上營收!

WordPress 高手架站課|一堂課讓你變架站高手!

資源二:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源三:更多犬哥教學資源

如果你在操作過程中遇到問題,可以加入 引力行銷圈 – 犬哥網站(目前有超過 9000+ 團員)。除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

如果你想學更多網頁設計、數位行銷知識,也歡迎追蹤 犬哥網站 IG。或是喜歡看影片學習,可關注 YouTube 頻道

引力行銷圈|犬哥網站
引力行銷圈|犬哥網站

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端