LottieFiles免費可商用JSON動畫,高質感動態UI/UX圖示,開發應用程式App與網站的超棒資源。

29. 十二月 2017 App, iOS, 教學分享 0
LottieFiles免費可商用JSON動畫,高質感動態UI/UX圖示,開發應用程式App與網站的超棒資源。


LottieFiles開發動畫
LottieFiles免費提供了上萬款可在App與網站開發的可商用動畫資源,原理是使用After effects製作animation轉成JSON檔,讓Android、iOS或是web前端開發的設計師可省下很多親手製作動畫的工作,直接為應用程式加入精美酷炫的動態iCON(等待載入讀取圖示、執行時反饋動作等等…)。不僅僅只是增進UI/UX使用者體驗,lottie動畫有非常好的效能,不會因為動畫載入而損失了流暢性。





由此前往:LottieFiles免費JSON動畫




LottieFiles免費JSON動畫資源
STEP1

前往LottieFiles搜尋所需的動畫素材,包含常見的等待載入畫面Loading、打勾圖示Check、評分星星等…
LottieFiles開發動畫1

STEP2

預覽動畫與背景顏色的搭配是否合適。
LottieFiles開發動畫2

STEP3

可進階調整動態圖示的色彩配置,修改完畢後下載JSON檔。將動畫加入到Android、iOS的UX/UI介面設計中,為應用程式的美觀大大加分。添加到App應用程式的撰寫方式,請參考Lottie構建配置教學(Android、iOS)
LottieFiles開發動畫3


延伸閱讀:Mockplus原型設計軟體