🎯 Оживляем интерфейс с помощью Lottie-анимаций
Саша Гончаров из 2ГИС рассказал, как они добавляют анимации в картографическое приложение, сохраняя баланс между красотой и производительностью. Оказывается, при работе с интерфейсными анимациями нужно забыть 90% возможностей After Effects и научиться создавать магию с помощью простых шейпов и градиентов.
Главное правило, которое вывел автор: «дели на два». Если анимация кажется готовой, нужно уменьшить все эффекты вдвое. В интерфейсах классические принципы анимации работают не в полную силу, и то, что хорошо смотрится в рекламе или играх, будет раздражать при ежедневном использовании приложения.
Внутри:
– Почему из всех инструментов выбрали именно Lottie;
– Как различать утилитарные и эмоциональные сценарии анимации;
– Почему растровые изображения пришлось перерисовывать в векторы;
– Как один кадр анимации может занимать 20 мегабайт видеопамяти;
– Зачем нужны градиенты для создания иллюзии объёма и теней;
– Как сделать бесшовный переход между слайдами в онбординге.
➡️
Читать статью
———
💻
Курс по поиску работы 😍
Про дизайн
🔥
Вакансии дизайнерам
🎨
Референсы
