Thư viện thuật ngữ / Motion

Lottie là gì?

Còn gọi: hoạt ảnh nhẹ cho web, app, lottie animation, bodymovin, dotlottie

Lottie là định dạng hoạt ảnh vector dạng JSON (và dotLottie), xuất từ After Effects hay các công cụ khác, phát được mượt trên web và ứng dụng với dung lượng nhỏ và co giãn không vỡ.

Ảnh minh hoạ Lottie (hoạt ảnh nhẹ cho web, app): một icon động Lottie qua các khung hình và đoạn JSON rút gọn, kèm dung lượng so với GIF
Một icon động Lottie qua các khung hình và đoạn JSON rút gọn, kèm dung lượng so với GIF

Hiểu kỹ hơn

Lottie do Airbnb phát triển và công bố mã nguồn mở, rất phổ biến cho icon động, màn hình tải, minh hoạ onboarding và microinteraction. Từ After Effects, dùng plugin như Bodymovin hoặc công cụ của LottieFiles để xuất. Không phải mọi hiệu ứng After Effects đều được hỗ trợ (hiệu ứng raster, nhiều plugin), nên thiết kế bằng hình vector, shape layer và chuyển động đơn giản.