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

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

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