8 шпаргалок и сервисов для подбора кривых анимации (изингов)

Мы собрали коллекцию сервисов для подбора изингов и шпаргалок с их практическими примерами. С их помощью можно «примерить» разные виды анимации на различные элементы интерфейса и посмотреть, как объекты будут двигаться в каждый отдельный момент времени. Это позволит создавать плавные, красивые и уместные анимации в любых дизайн-проектах, где есть движение
Дарья Райт
Дарья Райт
Ведущий редактор в «Оди» в 2022–2024 годах

Epic Easing — наглядный веб-сервис для подбора кривых анимации (изингов)

Epic Easing

Easings.co — удобный сервис для «примерки» анимаций на разные элементы интерфейса

Easings.co

Еasings.net — шпаргалка по функции плавности с примерами графиков

Еasings.net

Couverture — приложение для macOS, которое позволяет удобно настраивать кривые для создания плавных анимаций

Couverture

Наглядные шпаргалки по настройке кривых для анимации

Памятка по описанию анимации от Caleb Barclay. Есть аудит существующих решений, ключевые переменные и шкалы, характер и принципы, спецификация

Caleb Barclay

Fabula — приложение для iPhone и iPad, которое позволяет тестировать и настраивать кривые анимации

Fabula 

Шпаргалка изингов с примерами от Lottie files

Шпаргалка от Lottie files
Поделиться
Отправить
Запинить

Обсуждение