28 Фев 2024 1070 0

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

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

Дарья Райт

Ведущий редактор в «Оди»

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

Обсуждение

Похожее

Frontify — создавайте удобные справочники по фирменных стилям

Новый онлайн-сервис, в котором можно создавать и хранить справочники по стилю (style guides) для ваших проектов. Удобно, что есть заранее заданная структура, чтобы ничего не упустить: лого, типографика, цветовые схемы, иконки и многое другое. Опубликованные справочники доступны онлайн, их легко обновлять и поддерживать. Есть экспорт в PDF. Образец: brand.frontify.com

1455

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

2012—сегодня