Error!
Please enable JavaScript in your browser
Rosi Design Course
Enter
Rosi UI/UX Design курс
Росина
Course program
Figma FREE
There are public lessons!
00 Про модуль
Public
01 Практика. Огляд інтерфейсу. Загальне про figma
Public
02 Практика. Інтерфейс: меню, редагування, обʼєкти, текст, відступи
Public
03 Практика. Plugins vs Widgets
Public
04 Практика. Налаштування
Public
05 Практика. Верхня панель: Інструменти, калькулятор, фрейми,фігури, шари, маски, бульові операції
Public
06 Практика. Ліва панель. Шари, сторінки
Public
07 Практика. Права панель. Стилі і розміри. Калькулятор
Public
08 Практика. Share
Public
09 Створюємо перший екран
Public
Що після Figma?
Public
Про курс
Знайомство та правила
Групи та спілкування (level 01)
Консультації та Мастермайнди (level 02)
Завдання на перевірку
Психологічне мислення (Level 02)
00 Як вчитися дизайну? Змінюємо мислення
01 Страх - Я соромлюсь
02 Що таке страх змінити професію?
03 Чому ми боїмося змінювати щось?
04 Чому ти не проходиш курс до кінця?
05 Синдром самозванця
БОНУС. Запрошений експерт. Енергопрактик
AI (ШІ - штучний інтелект) в дизайні (Level 02)
Про модуль. На яких сервісах потрібно зареєструватися?
Практика. Робота з штучним інтелектом для тексту
Практика. Робота з штучним інтелектом для фото
Практика. AI робота з товаром
UX / Research
Про модуль
Види UX дизайнерів
Іncluded Design. 4 основні фактора
8 Типів UX
UX Research / 7 Методів проведення Research
Аналіз конкурентів
Питання для опитування
User Flow/Site Map
Практика побудови UX за допомогою AI (level 02)
Uxtweak - дослідження UX (level 02)
Типи сайтів
Як тип сайту залежить від конверсії
Сучасні стилі в дизайні 2024
Види сайтів із прикладами
Практика. Як розвивати надивленість?
Контраст
Про модуль
Типи контрасту
Практика. Контраст у landing page
Типографіка
Про модуль
Serif / San Serif / Slab / Handwritten шрифти
Стилі / Розмір / Крок / Ієрархія
Line height / Uppercase / Letter Spacing
Комбінація / Позиція / Ліміт довжини
Ліцензія шрифта
Практика. Як встановити шрифт
Практика. Робота із текстом
З чого складається та як змінювати #1
З чого складається та як змінювати #2
Практика. Крок, ширина та поєднання
Практика. Поєднання та розтановка тексту
🟣 Підготовка тексту для свого проєкту
Колір
Про модуль
Психологія кольору
Теорія про колір
Підбираємо кольори
Теорія. Підбір кольору
Практика. Підбір кольору
Контраст кольору
Теорія контрасту
Практика перевірки контрасту
Створення спектру для сайту
Gradients / Blur / Shadow у дизайні
Практична теорія. Градієнт
Практична теорія. Тінь
Практична теорія. Blur
Створюємо банери. Завдання
Дизайн соціальної реклами. Завдання
Moodboard/Sketch/Wireframe
Про модуль
Практика. Підбираємо референси
Sketch/Wireframe/Прототип
Скелет сайту
Про модуль
Структура сайту
Побудова структури за допомогою AI (level 02)
Структура Інтернет-магазину
Лекція
Огляд готового Інтернет-магазину
Структура Landing page
Практика. Створення Landing page
Приклад Landing page 01
Приклад Landing page 02
Практика. Створення Інтернет магазину (level 02)
Головна сторінка Інтернет-магазину
Сторінка товарів (каталог товарів)
Приклад сторінки продукту
Практика створення першого екрану
Загальний підсумок #01 (level 02)
Робота ментора
Картинки та їх обробка
Про курс
Формати/Розміри/Комбінування/Вага зображення
Практика. Розмір зображень
Практика. Пошук фото та відео
Практика. Заміна кольору / тінь
Практика. Вирізаємо фон у Figma
Практика. Дизайн реклами
Практика. Режими накладання
Практика Photoshop. Видаляємо обʼєкт із фото
Практика. Заміна кольору у figma & photoshop
Grid / Сітки
Про модуль
Різниця між 8px та 10px сітки
Будуємо сітку
Теорія
Практика. 12 колоночна сітка
Практика. Адаптив сітки
Практика. Модульна сітка
Практика. Сітки в UI елементах
Сітка Icon and button
Сітка header
Практика. Верикальний ритм
Композиції / Фокальні точки
Про модуль
Типи композицій
Прості та складні композиції / Фокальні точки
Практика 5ти композиційних сіток
Практика. Помилки у сайтах / Виправлення помилок
Autolayout / Привʼязки
Практика. Привʼязки
Практика. Autolayout
Практика. Autolayout в реальному проєкті
UI елементи
Базові UI елементи
Типи іконок
Типи кнопок
Практика. Побудова кнопки та стани
Практика. Модерн кнопка
Види UI елеменів
UI елементи #01-02
UI елементи #03-04
Завдання
Component/Variants (level 02)
Про модуль
Практика. Component / Variants
Практика. Побудова усіх UI елементів
Про що цей блок?
UI побудова в autolayout and component #01
UI побудова в autolayout and component #02
UI побудова в autolayout and component #03
UI побудова в autolayout and component #04
UI побудова в autolayout and component #05
Завдання модуля
Загальний підсумок #02 (level 02)
Відео реального проєкту
Завдання проєкту
Будова форм та popup
Про модуль
Будова форми та їх порядок
Форми / Корзина / Popups
Response / Adaptive
Про модуль
Екрани (дивайси)
Response / Adaptive / Помилки в адаптиві
Практика. Адаптив сторінки
Практика. Адаптив інтернет-магазин (level 02)
Animation (level 02)
00 Про модуль
01 Interaction види / налаштування / використання
02 Анімація у дизайні
03 Smart Animation
04 Практика On Click Interaction
05 Практика After Delay Interaction
06 Практика. Smart Animation
07 Практика. Interaction у додатку
08 Практика. Interaction On Drag / While Hover / Mouse anim
09 Практика. Modern slider animation
10 Практика. Varients налаштування Interaction UI elements
11 Практика. Анімація в тексті
12 Практика. AI + Animation
БОНУС Практика. PRO Слайдер ефект
БОНУС Практика. PRO Анімація у Landing
БОНУС Практика. PRO Smart Animation першого екрану
Завдання модулю
Загальний підсумок #03 (level 02)
БОНУС 01 Сторінка магазину, фільтри
БОНУС 02 Адаптив реального проєкту
Знання про верстку (level 02)
Про модуль
Практика. Верстка без коду
Готуємо макет
Про модуль
Практика. Формуємо макет
Портфоліо та CV дизайнера
Пишимо CV
Портфоліо на Behance/Dribbble
Створюємо кейс на Behance
Маркетинг продажів для дизайнера (level 02)
00 Про модуль
02 Маркетинг в дизайні NEW
03 Де шукати роботу? NEW
05 Написання Cover Letter NEW
06 Резюме для LinkedIn + Upwork NEW
07 LinkedIn + AI NEW
08 Upwork NEW
09 Інші платформи для заробітку NEW
10 Заробіток дизайнера NEW
11 Юридична побудова роботи на фрілансі NEW
12 ДЗ
Типи сайтів
Як тип сайту залежить від конверсії
Сучасні стилі в дизайні 2024
Види сайтів із прикладами
Практика. Як розвивати надивленість?
Pre-registration