28 Фев 2024 3198 0

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

Обсуждение

Похожее

Kernel — Figma-плагин для автоматизации загрузки данных в макеты

2354

Проект Кирилла Олейниченко и команды. Авторство статей и дизайна указано в конкретных материалах. Дизайн сайта — Кирилл Олейниченко, Женя Власов. Айдентика — Саша Швецов. Разработка — Андрей Острин. Фирменный шрифт — Graphik, предоставленный великолепными type.today.

2012—сегодня