Подробный курс по Фигме. Урок 15 — Прототипы в Figma и умные анимации (smart animate)

#alexeybychkov #ityoutubersru #figma Привет! Это подробный, понятный, интересный и бесплатный курс по Фигме :) Уроки без воды и по делу на обычном языке и на живых рабочих примерах! В этом уроке посмотрим как в Фигме сделать прототип, какие есть настройки панели прототипирования, как выставлять связи и добавлять анимации. Посмотрим примеры применения умных анимаций (smart animate) 00:00 - как запустить прототип 2:47 - заготовки телефонов и планшетов 4:12 - как указать стартовый фрейм 5:05 - обзор взаимодействий 7:15 - как расставлять связи в прототипах 12:13 - обзор анимаций в прототипах 18:20 - добавляем анимацию меню-гамбургера 25:10 - добавляем горизонтального скрола 26:35 - добавляем анимацию появления попапа 31:19 - примеры умных анимаций 33:21 — фигма-чат Примеры применения умных анимаций в прототипах —
Поддержать канал: бусти —
— русский интерфейс, рубли патреон — / alexeybychkov — английский, доллары Подглядывать за мной можно тут: Инстаграм: / alexeybychkov_ Беханс:
Телеграм:
Фейсбук: / dsgn.tips Твитор: / _alexeybychkov Содержание курса: Урок 1 — [NEW] Аккаунт, история версий • [NEW] Обзор интерфейса: аккаунт, ис... Урок 2 — [NEW] Гамбургер меню, предпочтения • [NEW] Обзор меню, поиска и предпочт... Урок 3 — [NEW] Инструменты и калькулятор • [NEW] Инструменты и калькулятор, фр... Урок 4 — [NEW] Слои, маски и массовое переименование • [NEW] Слои, маски и булливые операц... Урок 5 — [NEW] Сетки. Bootstrap. 8 px grid • [NEW] Модульные сетки в Фигме. Boos... Урок 6 — [NEW] Привязки • [NEW] Привязки (constraints) в Figm... Урок 7 — [NEW] Компоненты • [NEW] Компоненты в Figma. Советы, л... Урок 8 — [NEW] Компоненты и адаптив • [NEW] Компоненты и адаптивный дизай... Урок 9 — [NEW] Выравнивания, Tidy Up • [NEW] Выравнивания (align) в Figma,... Урок 10 — [NEW] Текст • [NEW] Текст в Figma: шрифт, размер,... Урок 11 — [NEW] Цвет, градиенты, изображения • [NEW] Цвет в Figma: заливки, градие... Урок 12 — [NEW] Обводка • [NEW] Обводка в Figma: контур, борд... Урок 13 — [NEW] Эффекты: блюры, тени • [NEW] Эффекты в Figma: тени, блюры,... Урок 14 — [NEW] Библиотека команды • [NEW] Библиотека стилей и компонент... Урок 15 — [NEW] Варианты • [NEW] Figma Variants как пользовать... Урок 16 — Прототипы в Фигме — • Подробный курс по Фигме. Урок 15 — Пр... Урок 17 — Панель кода и экспорт — • Подробный курс по Фигме. Урок 19 — Па... Урок 18 — Ссылка на проект — • Подробный курс по Фигме. Урок 20 — Сс... Урок 19 — Плагины — • Подробный курс по Фигме. Урок 21 — Ка... Урок 20 — [NEW] Auto Layout в Фигме • Уже не новый Auto Layout в Figma (уро... Урок 21 — [NEW] FigJam • [NEW] FigJam — онлайн-доска для зам... ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне чуть больше 30 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 15 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне —
15 лет опыта —
Пишу —
Дизайню —
Отзывы —
Мои книги: «Дизайн и фриланс. Начало» —
«Дизайн и фриланс. Новый уровень» —
Хелп по Фигме: уроки, видео, советы, фишки —
Мир фейсов:
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance