LOTTIE
Lottie — библиотека для рендера анимации в режиме онлайн для iOS, Android и React Native для сайтов и приложений. С ней можно создавать анимации в JSON формате, с минимальным весом, полностью повторяющие созданные в After Effects, которые будет просто использовать в любом проекте.
Подключая Lottie к своему сайту или приложению вы получаете огромный набор инструментов для создания, редактирования, тестирования, а главное, отображения анимации.
Google, Spotify, Netflix, Airbnb, Amazon, Duolingo, Uber, TikTok — только самые известные из компаний, использующие анимацию, созданную с помощью этой библиотеки.
Средний файл Lottie в 600 раз меньше аналогичной гифки и загружается в 10 раз быстрее, а главное, корректно работает везде. Вы можете использовать анимацию в нативных и кроссплатформенных приложениях, а также на сайтах на любой платформе, чтобы вдохнуть жизнь в буквально любой элемент. Полноэкранные анимации и маленькие значки уведомлений, line art, character-based, dynamic logo и даже самые сложные сцены — все это может быть в вашем проекте и минимально влиять на производительность.
Ваши дизайнеры и даже вы сами, если захотите, могут использовать фирменный онлайн-редактор Lottie. Это невероятно удобно для создания тестовых версий и простых анимаций. Более профессиональный вариант — создать динамический контент в After Effects и преобразовать его. Плагин LottieFiles конвертирует файлы анимации в формат JSON, сразу внутри редактора. Таким образом можно визуализировать, публиковать и тестировать анимации для приложения с минимумом лишних движений. Теперь разработчикам не придется выполнять такой же объем работы, как аниматорам. Не нужно добавлять сотни картинок и тысячи строк не самого стабильного кода. Они сразу получат конечный результат, который очень просто добавить в базу данных приложения или сайта.
Функциональность Lottie увеличивается с каждым дополнением. Уже сейчас для iOS в библиотеке есть поддержка элементов нативного UI, а API Lottie позволяет настраивать кеширование, управление жестами и скорость отображения анимаций. Вы можете конвертировать SVG в Lottie и дальше в Gif, если вам это нужно, а еще подключить плагин для Figma и многое другое.
Lottie поддерживает художников и помогает им найти своих заказчиков. На официальном сайте можно найти множество готовых бесплатных анимаций, в том числе Телеграмм-стикеров, для своего проекта и еще больше крутых иконок по цене от $1. Там же вы можете нанять аниматоров-фрилансеров или найти гайдлайны для своих специалистов.
Lottie невероятно популярный, простой, а главное, универсальный инструмент для добавления анимации. Эта библиотека подходит для iOS, Android и React Native, а значит, гарантирует одинаковый UX всем вашим пользователям, вне зависимости от того, каким устройством они пользуются.
Анимированные объекты улучшают пользовательский опыт, вне зависимости от того, замечает ли их ваш клиент. Использование динамической графики — уже классика дизайна интерфейсов и нет ни одной причины от нее отказываться. Тем более, что с Lottie это просто, красиво и доступно.
Разработка мобильных приложений Разработка мобильных приложений
Разрабатываем приложения, которые решают бизнес-задачи клиентов и упрощают жизнь пользователей. Даже если эти задачи — со звёздочкой. Доставляем их в каждую ладошку и карман.