Rosi UI/UX Design курс

Росина
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)
Завдання на перевірку
00 Як вчитися дизайну? Змінюємо мислення
01  Страх - Я соромлюсь
02 Що таке страх змінити професію?
03 Чому ми боїмося змінювати щось?
04 Чому ти не проходиш курс до кінця?
05 Синдром самозванця
БОНУС. Запрошений експерт. Енергопрактик
Про модуль. На яких сервісах потрібно зареєструватися?
Практика. Робота з штучним інтелектом для тексту
Практика. Робота з штучним інтелектом для фото
Практика. AI робота з товаром
Про модуль
Види 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 Створюємо банери. Завдання Дизайн соціальної реклами. Завдання
Про модуль
Практика. Підбираємо референси
Sketch/Wireframe/Прототип
Про модуль
Структура сайту
Побудова структури за допомогою AI (level 02)
Структура Інтернет-магазину
Лекція Огляд готового Інтернет-магазину
Структура Landing page
Практика. Створення Landing page
Приклад Landing page 01 Приклад Landing page 02
Практика. Створення Інтернет магазину (level 02)
Головна сторінка Інтернет-магазину Сторінка товарів (каталог товарів) Приклад сторінки продукту
Практика створення першого екрану
Робота ментора
Про курс
Формати/Розміри/Комбінування/Вага зображення
Практика. Розмір зображень
Практика. Пошук фото та відео
Практика. Заміна кольору / тінь
Практика. Вирізаємо фон у Figma
Практика. Дизайн реклами
Практика. Режими накладання
Практика Photoshop. Видаляємо обʼєкт із фото
Практика. Заміна кольору у figma & photoshop
Про модуль
Різниця між 8px та 10px сітки
Будуємо сітку
Теорія Практика. 12 колоночна сітка Практика. Адаптив сітки Практика. Модульна сітка
Практика. Сітки в UI елементах
Сітка Icon and button Сітка header
Практика. Верикальний ритм
Про модуль
Типи композицій
Прості та складні композиції / Фокальні точки
Практика 5ти композиційних сіток
Практика. Помилки у сайтах / Виправлення помилок
Практика. Привʼязки
Практика. Autolayout
Практика. Autolayout в реальному проєкті
Базові UI елементи
Типи іконок Типи кнопок Практика. Побудова кнопки та стани Практика. Модерн кнопка
Види UI елеменів
UI елементи #01-02 UI елементи #03-04 Завдання
Про модуль
Практика. 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 Завдання модуля
Відео реального проєкту
Завдання проєкту
Про модуль
Будова форми та їх порядок
Форми / Корзина / Popups
Про модуль
Екрани (дивайси)
Response / Adaptive / Помилки в адаптиві
Практика. Адаптив сторінки
Практика. Адаптив інтернет-магазин (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 першого екрану
Завдання модулю
БОНУС 01 Сторінка магазину, фільтри
БОНУС 02 Адаптив реального проєкту
Про модуль
Практика. Верстка без коду
Про модуль
Практика. Формуємо макет
Пишимо CV
Портфоліо на Behance/Dribbble
Створюємо кейс на Behance
00 Про модуль
02 Маркетинг в дизайні NEW
03 Де шукати роботу? NEW
05 Написання Cover Letter NEW
06 Резюме для LinkedIn + Upwork NEW
07 LinkedIn + AI
08 Upwork
09 Інші платформи для заробітку NEW
10 Заробіток дизайнера NEW
11 Юридична побудова роботи на фрілансі NEW
12 ДЗ

Response / Adaptive

Про модуль
Екрани (дивайси)
Response / Adaptive / Помилки в адаптиві
Практика. Адаптив сторінки
Практика. Адаптив інтернет-магазин (level 02)

Access limited

or Pre-registration