Закрыть меню

Платформа для создания, редактирования и анимации Lottie-файлов, позволяющая разрабатывать легкие и интерактивные анимации для веба и мобильных приложений.

LottieFiles — платформа для UI-анимаций и Lottie

LottieFiles — это платформа для создания, хранения, редактирования и внедрения лёгких векторных анимаций формата Lottie в веб-сайты и мобильные приложения. Сервис предоставляет большую библиотеку готовых анимаций, инструменты для тестирования и совместной работы, а также плагины для интеграции с популярными дизайн- и dev-инструментами.

Формат Lottie основан на JSON и позволяет доставлять анимации так же просто, как статические изображения, при этом файлы остаются маленькими, масштабируются без потери качества и хорошо работают на разных устройствах. Это делает LottieFiles особенно популярным для микровзаимодействий, анимированных иконок, onboarding-экранов и UI-анимаций.

Когда использовать

  • Для анимаций интерфейсов и микровзаимодействий
  • При создании animated-иконок и иллюстраций
  • Для onboarding-экранов в приложениях
  • Когда важна лёгкая и быстрая web-анимация
  • Для передачи motion-дизайна разработчикам
  • При оптимизации анимаций вместо GIF

Плюсы

  • Очень лёгкие анимации по сравнению с GIF
  • Векторное масштабирование без потери качества
  • Большая библиотека готовых анимаций
  • Удобная интеграция в web, iOS и Android
  • Инструменты коллаборации и предпросмотра
  • Плагины для After Effects и других инструментов
  • Подходит для UI/UX и Motion Design

Минусы

  • Не все эффекты из After Effects поддерживаются
  • Для сложной анимации требуется опыт motion-дизайна
  • Часть анимаций и функций платные
  • Требуется дополнительный player на стороне разработки
  • Может быть избыточным для простых проектов
LottieFiles

Связанные уроки

Типы и форматы изображений

Типы и форматы изображений

Изучите различные типы и форматы изображений, а также их области применения.

Руководство «5½ шагов, чтобы стать UX/UI-дизайнером»

Мы подготовили практичное и структурированное пособие о входе в профессию UX/UI-дизайнера.

В нём разобраны ключевые этапы развития: от освоения основ и практики до работы с портфолио, обратной связью и первых шагов в карьере.

Зарегистрироваться и скачать
Руководство «5½ шагов, чтобы стать UX/UI-дизайнером»