Подробный курс по Фигме. Урок 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