Figma - ч5: Создание анимаций, презентаций. Создание анимационных компонентов, Flow переходы

Опубликовано: 20 Октябрь 2024
на канале: IT Public 503

В данном видео рассматриваем как создавать простейшую анимацию блоков с привязкой к разным событиям или таймеру. Создаем интерактивные компоненты, которые меняют внешний вид при взаимодействии с мышью. Готовим презентацию дизайна сайта на основе нескольких макетов страниц с переключением страниц, слайдером. Знакомимся с прототипированием в фигма: Стартовые кадры презентации, интерактивности.

#figma #figmaanimation #figmaprototype

Уроки по Figma:
Часть 1 - Основы работы -    • Figma - ч1: Основы работы. Создание м...
Часть 2 - Выравнивание блоков, секции, слайсы, маски -    • Figma - ч2:  Выравниваение фреймов и ...
Часть 3 - Стили и Переменные -    • Figma - ч3:  Задание цвета, выбор фон...
Часть 4 - Компоненты, Плагины, UI Kits -    • Figma - ч4: Создание и применение ком...

Содержание - Часть 5:
00:00 - Введение
01:10 - Подготовка графических материалов для HTML макета
09:45 - Создание презентации с переключением страниц
19:32 - Создание интерактивной анимации на основе Компонента с состояниями
33:18 - Создание компонента слайдера с FadeIn анимацией смены слайдов