雖然這篇Lottiefiles github鄉民發文沒有被收入到精華區:在Lottiefiles github這個話題中,我們另外找到其它相關的精選爆讚文章
在 lottiefiles產品中有2篇Facebook貼文,粉絲數超過10萬的網紅BorntoDev,也在其Facebook貼文中提到, 👾 ย่อ Animation ในหน้าเว็บของเราให้เล็กลง 6 เท่า เพิ่มประสิทธิภาพ แถมแสดงผลแบบไม่ธรรมดาด้วย LottieFiles !! . หากใครกำลังหาแอนิเมชันลงเว็บแล้วคิดว่า "...
同時也有1部Youtube影片,追蹤數超過3,370的網紅網頁設計x廣告行銷,也在其Youtube影片中提到,❤免費訂閱Free subscribe❤ https://pse.is/submytube ❤聯絡我們 Contact Us❤ https://pse.is/forums_op ■AE插件Bodymovin.zxp的安装與使用 How to install Bodymovin | After E...
-
lottiefiles 在 網頁設計x廣告行銷 Youtube 的最佳解答
2020-10-09 07:23:30❤免費訂閱Free subscribe❤
https://pse.is/submytube
❤聯絡我們 Contact Us❤
https://pse.is/forums_op
■AE插件Bodymovin.zxp的安装與使用 How to install Bodymovin | After Effects extensions
https://www.youtube.com/watch?v=q-o-beB0v2o
---------
網頁動畫Lottie_Animation 介紹 | 優點及應用面
應用面:
促成用戶採取行動CTA / 網頁轉場 app preloader / 程式過場
示範 Preloader on web (Webflow)
一、優點
畫質高 / 向量 / 不變形及失真
json 檔案更小 執行速度更快
二、UX 使用者體驗更豐富
三、應用:wix / webflow / wordpress
四、配合軟體工具: adobe after effects / BODYMOVIN
✪✪✪FYR 補充資料如下✪✪✪
lottiefiles
https://lottiefiles.com/
webflow page preloader 示範
https://yt-wixpress-org-test.webflow.io/
wix lottie animation 嵌入 示範
https://178gogogo.wixsite.com/wixtutorials2018/pwd
教學 webflow 的lottie files & pre loader 教學
https://www.youtube.com/watch?v=bAgcHLo7reY
■商業行銷&設計資訊相關討論區
https://freeday.cc/forum/index.php?p=/categories/freesource
■網站架設廣告行銷業務洽詢■
https://pse.is/forums_op
❤小額贊助頻道 Donate us a cup coffee❤
https://www.paypal.me/178yo
■聯絡我們 Contact Us
https://pse.is/forums_op
#網頁設計x廣告行銷
lottiefiles 在 BorntoDev Facebook 的精選貼文
👾 ย่อ Animation ในหน้าเว็บของเราให้เล็กลง 6 เท่า เพิ่มประสิทธิภาพ แถมแสดงผลแบบไม่ธรรมดาด้วย LottieFiles !!
.
หากใครกำลังหาแอนิเมชันลงเว็บแล้วคิดว่า "เฮ้ยยย ไฟล์ใหญ่ชิเป๋งเลย" ต้องเข้ามาดู !! เพราะแค่ใช้ตัวนี้ก็เล็กลงอย่างเห็นได้ชัด
.
และ ต้องบอกด้วยว่าไม่ใช่ Animation แบบไก่กา เพราะ สามารถทำบน After Effect แบบอลังได้ด้วย ถ้าพร้อมแล้วมาฟังกันในพอดแคสนี้ได้เลยจ้า <3
.
✅ รับฟังใน SoundCloud :
.
https://soundcloud.com/borntodev/coding-insight-ep9-lottiefile-6
.
✅ รับฟังใน Spotify :
.
https://open.spotify.com/episode/67ixmAbzDNDLj2Zh5nMzqO
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
lottiefiles 在 BorntoDev Facebook 的精選貼文
🌟 "เปลี่ยนไฟล์ภาพแอนิเมชันที่ใหญ่ และ หนักเว็บ ให้เบาขึ้นด้วย LottieFiles กันเถอะ !!"
.
ถ้าเกิดแอดถามว่าจะเอาแอนิเมชันขยับนั่นนี่ลงเว็บไซต์ทำยังไงดี ?
.
ถ้าเป็นเมื่อหลายปีก่อนเราอาจจะตอบแทบจะเป็นเสียงเดียวกันว่า "ก็อัพไฟล์ .gif ลงไปสิ"
.
แต่เอาจริง ๆ มันก็มีข้อจำกัดอยู่คือไฟล์ประเภทดังกล่าวนั้นมันค่อนข้างใหญ่ แล้วยิ่งถ้าเอา PNG มาทำแอนิเมชันขึ้นเว็บแล้วก็ยิ่งไปกันใหญ่อีก 555
.
✅ ดังนั้นพระเอกในวันนี้ของเราคือเจ้าตัวนี้ที่ชื่อว่า "Lottie" นั่นเอง ซึ่งลักษณะของเขาจะเป็นตระกูล JSON นำไปใช้กับแอป หรือ เว็บก็ได้แบบชิล ๆ
.
และด้วยความที่เป็น JSON เราสามารถแก้ไขสี หรือ ข้อมูลต่าง ๆ ในแต่ละเฟรมได้จบในตัวเขาเลย
.
"โอเค เรารู้แล้วว่าขนาดมันเบา ในภาพก็บอกว่าเล็กกว่า Gif เป็นเท่าตัวเลย แล้วมีอะไรอื่น ๆ อีกบ้างหละ ? ขอแบบเด็ด ๆ เบิ้ม ๆ เลยนะ " 🤣
.
🔥 คำตอบคือ "ทำมันงานคู่กับ After Effect ได้เว้ยยย ทุกคนนนน !!"
.
ปัญหาหลายอย่างของการทำพวก Animation ลงเว็บคือ ถ้าเอาออกมาเป็นวีดีโอ เป็น Gif มันใหญ่จัด ๆ หลายคนเลยไปงม ๆ กับ CSS Animation แทน
.
🔥แต่นี่ !! มันใช้กับ AE ได้ ดังนั้นแล้วเราอยากจะเสกหน้าตาแอนิเมชันแบบไหนก็ได้ แถมเขายังมี Editor หน้าเว็บให้ลองอีกด้วย <3
.
เรียกได้ว่าเด็ด ๆ จัดปลัดบอก ขนาดผู้ใหญ่บ้านยังบอก ว่าสุดจัดไปเลยคร้าบพี่น้อง !!
.
✅ หากใครอยากลองเล่น อย่ารอช้า มาพร้อมแอดได้ที่นี่เลยจ้า ! : https://lottiefiles.com/
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน