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