Error!
Please enable JavaScript in your browser
Rosi Design Course
Enter
Animation ON in Figma
Росина
Course program
БОНУС - Figma Basic
00 Про модуль
01 Практика. Огляд інтерфейсу. Загальне про figma
02 Практика. Інтерфейс: меню, редагування, обʼєкти, текст, відступи
03 Практика. Plugins vs Widgets
04 Практика. Налаштування
05 Практика. Верхня панель: Інструменти, калькулятор, фрейми,фігури, шари, маски, бульові операції
06 Практика. Ліва панель. Шари, сторінки
07 Практика. Права панель. Стилі і розміри. Калькулятор
08 Практика. Share
09 Створюємо перший екран
00 Модуль - Про курс
00 Знайомство
01 Про курс | Телеграм канали
01 Модуль - Теорія. Як працює анімація
01 Interaction види / налаштування / використання
02 Анімація у дизайні
03 Smart Animation
04 Швидкість анімації
02 Модуль - Autolayout/Component/Variants
01 Практика. Привʼязки
02 Практика. Autolayout
03 Практика. Component / Variants
04 Практика. Variants налаштування Interaction UI elements
03 Модуль - Практика роботи з Анімацією
01 Практика On Click Interaction
02 Практика After Delay Interaction
03 Практика. Smart Animation
04 Практика. Interaction у додатку
05 Практика. Interaction On Drag / While Hover / Mouse
06 Огляд реального проєкту по налаштуванню переходів та ховерів
04 Модуль - Анімація UI елементів та блоків
Анімація у Landing page NFT
Слайдер тексту з появою по колу (Дизайн Інтерʼєру столів)
Поява кнопки (малюнок пензликом)
Рух ефекту по колу для пагінації слайдера (Дизайн Інтерʼєру столів)
Ховер появи елементів в каталозі
Кругова заміна фону та перелистування слайдеру товарів (Музичний концепт)
Прокручування товару в коробку (Музичний концепт)
Програвач плеєру (Музичний концепт)
05 Модуль - Анімації складних секцій
Slider Animation смужки (Дизайн Інтерʼєру столів)
Паралакс поява та ефект реального руху (Сайт байків)
Ефект реального руху та появи інфо (Сайт байків)
Розкриття акардіону із поворотом UI закриття та відкриття (Сайт байків)
Динаміка скролу елементів та слайдерів (Сайт техніки)
Появи відео під час скролу. Ефект рідини (Сайт техніки)
Робота із sticky (Сайт техніки)
Зміна карток від картинки до тексту (Сайт техніки)
06 3D + AI
Принципи анімації та 3Д використання
3D для сайту у Figma
На яких сервісах потрібно зареєструватися?
Midjorney. Робота з штучним інтелектом для фото
AI - Анімація руху картинки
AI Робота з відео (моушн ефект)
3D панорама 360 градусів AI
07 Модуль - Портфоліо з анімацією
Як зберігати анімацію для портфоліо
Портфоліо на Behance/dribble
БОНУС Практика Behance
08 Модуль - Адаптив і співпраця
Співпраця з девелопером
Де брати реальні ідеї?
Адаптив анімації
Консультація від ментора -20%
БОНУСИ від Росі
Smart Animation першого екрану
Modern slider animation
Рухаючий курсор у Figma
Hover кнопки
Hover burger menu
Animation gradients
Animation items
Animation card
slider
animation elements