27 Мар 2023 921 0

10 уроков по анимации UI-элементов в Figma

С помощью этих туториалов вы сможете прямо в Figma показать разработчикам или клиентам, как будут работать отдельные UI-элементы в дизайне
Дарья Райт
Дарья Райт
Редактор, переводчик. Пишу о дизайне

Мы выбрали десять 30-секундных уроков, которые помогут изучить функцию Smart Animate и анимировать:

Эффект наведения на кнопку

Лоадер 

Полосу загрузки

Свайп

Раскрытие аккордеона

Эффект наведения на карточку

Элемент Like

Переключатель на ночную тему

Микровзаимодействие с кнопкой оформления заказа

Прокрутку фонов

Поделиться
Отправить
Запинить
Figma Моушен-дизайн Образование

Обсуждение

Похожее

R/m Design Almanac — Анимация

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

Больше денег за дизайн

Вышла шестая глава книги Жени Арутюнова, в которой он рассказывает всё, что знает о деньгах в контексте профессии дизайнера.
2160

9 видео-уроков по теории цвета

1204

О сайте

Оди — издание для дизайнеров, которое старается помогать им в работе и профессиональном развитии

Главные рубрики

Авторам

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