2024 Lottie 動畫懶人包,推薦清單整理


參考內容推薦

Lottie 是什麼?詳細動畫教學,不要再用GIF 了(嵌入網站方法)

2023年12月19日 — Lottie 是一款由Airbnb 推出的函式庫,是一種JSON 檔案格式的動畫,可讓你在任何平台上播放,包含Apple、Disney、Uber 等知名企業都在使用。

D8 - 抱歉我不是動畫師,是工程師

自己自幹一個動畫是冗長又麻煩的過程,還好現在我們有Airbnb 所開發的Lottie,我們可以透過將這個第三方程式庫安裝到專案中,輕鬆地實現設計師所繪畫的動畫效果,並且在iOS ...

LottieFiles

The new industry standard. Lottie is an open-source animation file format that's tiny, high-quality, scriptable, interactive, and can be manipulated at runtime.

【分享】如何使用Lottie 將完美動畫100%呈現在產品上. 設計 ...

2017年5月30日 — 自從Airbnb開發出Lottie後,讓設計師可以運用After Effects軟體製作出動畫,透過簡單的轉檔,能讓工程師將JSON檔放入程式中,把動畫100%的呈現在你的產品 ...

什麼是Lottie 動畫?網頁設計師必看!

2022年11月24日 — Lottie 動畫:6 個重點 · 無需任何調整即可在Android、iOS、Web、React Native等多平台使用。 · 運行時可擴展,無需像素化。 · 與GIF、PNG 和JPEG 相比, ...

Lottie初學者教學指南:如何在iOS App設計一個令人驚豔的動畫

2017年5月10日 — 現在,有了Lottie,一個由Airbnb設計開發,能讓開發者能輕鬆地不需要寫著冗長的程式碼,就有機會實現想要的動畫功能。你將可以擷取Adobe After Effects的 ...

Lottie:讓AE 動畫完美呈現於數位產品上

2021年1月18日 — Lottie 是Airbnb 推出的函式庫(Library),可以運用在iOS、Android、網頁,甚至是MacOS、Windows 等作業系統,它能透過外掛將AE 做的動畫匯出成JSON 檔, ...

製作Lottie動畫,讓網頁透過動畫設計更加生動

Lottie 主要功能是允許設計師使用Adobe After Effects 製作動畫,然後將這些動畫以JSON 檔案的形式匯出。對於開發人員來說,只需輕鬆地將這些JSON 檔案嵌入到他們的程式碼 ...

網頁動畫新未來:Lottie檔案更小讀取更快

2021年12月10日 — Lottie有一個很簡易的編輯功能,你可以將Lottie的檔案透過lottie editor編輯器,隨意的改變元素中的顏色配置,但請注意編輯器不是開發工具,頂多是改變 ...

Lottie 動畫可用在Android, iOS, React Native 和網頁

Lottie 是一個可用於Android, iOS, React Native & 網頁的Library 可以將從After Effects 輸出的SVG動畫及時地渲染在行動裝置和網頁,它讓Native Apps 可以使用Javescript ...