Lottie是一個支持Web和iOSAndroid平臺的移動庫，專門用于解析Adobe After Effects動畫，通過Bodymovin導出為JSON文件，直接在移動設備上呈現(xiàn)動畫效果這一創(chuàng)新使得設計師可以在獨立環(huán)境中完成動畫設計，而開發(fā)團隊僅需像引用圖片一樣集成動畫資源，大大提升了設計與開發(fā)的協(xié)同效率Lottie的引入，意味著設計。

實現(xiàn)一個Lottie動畫的關鍵在于理解JSON文件的數(shù)據(jù)結構與內(nèi)容Lottie的動畫JSON模板可以訪問lottiefilescom獲取JSON數(shù)據(jù)結構通常包括全局信息圖層相關信息以及屬性變化信息等部分全局信息與幀率幀數(shù)等參數(shù)密切相關，例如，一個0至6秒的動畫在30fps的幀率下相當于180幀圖層相關信息則對應于動畫中的具體。

動畫制作設計師使用Adobe After Effects并安裝Bodymovin插件來創(chuàng)建動畫Windows用戶需額外下載ExMan Command Line tool和bodymovin插件，將AE項目導出為json文件這個文件包含了動畫的關鍵幀和路徑信息引入Lottie庫在Android項目中，通過添加依賴將Lottie庫引入加載動畫文件將json動畫文件放置在項目的asse。