Ключом к успеху в современной экономике внимания является способность обращаться к целевому рынку с наибольшим влиянием при наименьших возможных затратах. Пользовательские интерфейсы с чёткой графикой всегда интереснее, в то время как пиксельные и не качественные изображения едва привлекают внимание. Тем не менее, традиционная проблема баланса между использованием высококачественной графики и затратами на её хранение, транспортировку и рендеринг по-прежнему остаётся преобладающей.

До настоящего времени! 

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

Lottie — это формат анимации, который можно воспроизводить в Интернете, на всех основных мобильных платформах, в IoT и на настольных компьютерах/ноутбуках, не требуя дополнительного программного обеспечения. Если вы сейчас загрузите LottieFiles в свой браузер, вы сразу же увидите анимацию Lottie, воспроизводимую на странице.

Лотти все это?

Почему Lottie воспроизводятся везде? Как Lotties может повысить ценность презентаций и снизить затраты на их производство? Давай выясним.

Воспроизводиться везде

Веб-плеер Lottie работает в любом браузере, поддерживающем современный Javascript, а это означает, что Lottie можно воспроизводить в любом современном браузере. Это также упрощает развёртывание Lottie в любом приложении для настольных ПК/ноутбуков, поскольку большинство современных комплектов разработки программного обеспечения поддерживают динамический веб-контент.

Также существуют библиотеки для включения воспроизведения Lottie в системы IOS, Android и Tizen, что упрощает использование Lottie в мобильных приложениях на большинстве телефонов и планшетов. Крупные бренды быстро внедряют анимацию Lottie для улучшения своих мобильных интерфейсов, а стартапы используют Lottie для дифференциации своих продуктов.

Портативный и легко редактируемый

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

Текстовые данные анимации Lottie отформатированы как JSON, что означает, что они готовы к ассимиляции в Javascript или любой среде разработки приложений, поддерживающей JSON, без дополнительного синтаксического анализа. Это делает Lottie самым популярным форматом анимированной графики в мире.

Динамический

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

Интерфейсы на базе Lottie также можно использовать для обработки данных и статистических приложений. Данные в реальном времени могут передаваться непосредственно в анимацию Lottie на лету, показывая аккуратные переходы между наборами данных. Эти наборы данных могут быть простыми временными метками для визуального отображения времени суток или сложными финансовыми данными для отображения состояния фондового рынка.

Масштабируемость

Современные коммуникационные технологии позволяют предприятиям масштабироваться до объемов, требующих всевозможных инноваций в области хранения и извлечения данных. Поскольку традиционное графическое содержимое громоздко, эти компании используют его при разработке пользовательских интерфейсов для своих приложений. Слишком много графики может привести к неприемлемым затратам на хранение и поиск, особенно с точки зрения контекстного поиска и сортировки данных.

Использование файлов Lottie в крупномасштабных решениях может снизить затраты на хранение и контекстную сортировку/поиск графического контента. Использование Lottie также может снизить транспортные расходы благодаря присущей им динамичности — приложениям нужно загружать только те компоненты анимации Lottie, которые нуждаются в обновлении в любой момент времени.

Непревзойденное качество

Анимации Lottie рисуются с использованием векторной графики, определяющих размеры геометрических фигур, а также различных квалификаторов, определяющих характеристики этих фигур и то, как они перемещаются/изменяются во время анимации. Проигрыватель Lottie выполняет рендеринг с родным разрешением экрана, на котором он воспроизводится. Это означает, что анимация Lottie всегда представлена ​​в максимально возможном качестве на устройстве пользователя.

Если пользователь увеличивает масштаб анимации Lottie, проигрыватель перерисовывает увеличенное содержимое с исходным разрешением. Таким образом, анимация Lottie никогда не может быть пиксельной — линия в анимации Lottie останется неизменной независимо от глубины увеличения.

Интуитивно понятный рабочий процесс контента

В настоящее время лотти создаются путём экспорта анимации, созданной в Adobe After Effects, в файл Lottie. Это означает, что существующие пользователи Adobe After Effects могут немедленно приступить к созданию контента Lottie с помощью плагина LottieFiles . Дизайнеры, незнакомые с Adobe After Effects, могут начать создавать контент Lottie всего за несколько часов, учитывая огромное количество руководств и книг по использованию редактора.

Получите свою Лотти

Использование Lotties в ваших приложениях позволит создавать быстрые, динамичные и красивые пользовательские интерфейсы. Требования к хранилищу для размещенного компонента вашего приложения будут значительно снижены, а потребление полосы пропускания вашим клиентом уменьшится.

Все это происходит при оптимизации рабочего процесса, от создания до воспроизведения на устройстве пользователя. Тем временем ваши приложения готовы к будущей интеграции потоковых данных.

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

Если вы дизайнер, взгляните на плагины LottieFiles , чтобы поэкспериментировать с последними инструментами создания контента Lottie.