LottieFiles免費提供了上萬款可在App與網站開發的可商用動畫資源,原理是使用After effects製作animation轉成JSON檔,讓Android、iOS或是web前端開發的設計師可省下很多親手製作動畫的工作,直接為應用程式加入精美酷炫的動態iCON(等待載入讀取圖示、執行時反饋動作等等…)。不僅僅只是增進UI/UX使用者體驗,lottie動畫有非常好的效能,不會因為動畫載入而損失了流暢性。
由此前往:LottieFiles免費JSON動畫
LottieFiles免費JSON動畫資源
STEP1
前往LottieFiles搜尋所需的動畫素材,包含常見的等待載入畫面Loading、打勾圖示Check、評分星星等…
STEP2
預覽動畫與背景顏色的搭配是否合適。
STEP3
可進階調整動態圖示的色彩配置,修改完畢後下載JSON檔。將動畫加入到Android、iOS的UX/UI介面設計中,為應用程式的美觀大大加分。添加到App應用程式的撰寫方式,請參考Lottie構建配置教學(Android、iOS)。
延伸閱讀:Mockplus原型設計軟體