Содержание пакета (4 курса)
1. Веб-дизайн (UI/UX) в Figma: Старт для начинающих 4.76
Введение
2 урока
1.
Как смотреть этот курс
↗
2.
Будем на связи
↗
Figma
6 уроков
1.
Слои, группы, фреймы и секшены
↗
2.
Констрейнсы (Constrains)
↗
3.
Автолейауты (Autolayout)
↗
4.
Компоненты (Components)
↗
5.
Варианты (Variants)
↗
6.
Пропертис (Properties)
↗
ПРАКТИКА. Домашнее задание
2 урока
1.
Материалы
↗
2.
Делаем главную страницу интернет-магазина
↗
Бонусы
1 урок
1.
Ценные бонусы по старту в профессии в 2026 году
↗
Что дальше?
2 урока
1.
Что дальше?
↗
2.
Скидка 15% на полный курс
↗
2. Веб-дизайн и проектирование интерфейсов в Figma (UI/UX дизайн) 4.97
Введение
3 урока
1.
Вводное видео
↗
2.
Материалы
↗
3.
Будем на связи
↗
Figma
8 уроков
1.
Обновление интерфейса Figma
↗
2.
Слои, группы, фреймы и секшены
↗
3.
Констрейнсы (Constrains)
↗
4.
Автолейауты (Autolayout)
↗
5.
Компоненты (Components)
↗
6.
Варианты (Variants)
↗
7.
Пропертис (Properties)
↗
8.
ПРАКТИКА. Домашнее задание по разделу
↗
Проектирование
11 уроков
1.
Что такое проектирование и его важность
↗
2.
User Story и базовое описание требований
↗
3.
Карта путей пользователя
↗
4.
Каталог и детальная страница
↗
5.
Авторизация и блок оплаты
↗
6.
Личный кабинет
↗
7.
Дашборд. Роль «Администратор»
↗
8.
Сборка User Flow
↗
9.
Интерактивные прототипы
↗
10.
Usability-тестирование
↗
11.
ПРАКТИКА. Домашнее задание по разделу
↗
Дизайн-система
14 уроков
1.
Что такое дизайн-система и для чего она нужна
↗
2.
Сбор компонентов
↗
3.
Поиск визуального решения: палитра, иконки, иллюстрации и формы
↗
4.
Токены дизайн-системы: цвета и типографика
↗
5.
Кнопки
↗
6.
Избранное, прогресс-бар, лого и аватар
↗
7.
Рейтинг и теги
↗
8.
Инпут
↗
9.
Поле SMS и текстэрея
↗
10.
Отзыв, табы и модальное окно
↗
11.
Аккордеон и графики
↗
12.
Карточки
↗
13.
Хэдер и футер
↗
14.
ПРАКТИКА. Домашнее задание по разделу
↗
Дизайн веб-сервиса
8 уроков
1.
Итоговый дизайн: вводное видео
↗
2.
Главная и каталог
↗
3.
Детальная страница
↗
4.
Авторизация
↗
5.
Блок оплаты и личный кабинет
↗
6.
Дашборд. Роль «Администратор»
↗
7.
Передача макетов в разработку + чек-лист
↗
8.
ПРАКТИКА. Домашнее задание по разделу
↗
Заключение
1 урок
1.
Заключительное видео
↗
Бонусы
1 урок
1.
Бонусы
↗
Что дальше?
2 урока
1.
Тариф с личным проектом и поддержкой (скидка 20%)
↗
2.
Прокачай мобильный UI/UX (скидка 20%)
↗
Воркшоп по старту в профессии
3 урока
1.
Как получить максимум: введение и ключевые ошибки новичков
↗
2.
Что нужно знать помимо Figma: команда, исследования, процессы
↗
3.
Портфолио, резюме и собеседование: шаг к карьере дизайнера
↗
Тест на получение сертификата
1 урок
1.
Тест для получения сертификата об окончании курса
↗
3. Дизайн и проектирование мобильных приложений в Figma (UI/UX) 4.97
Введение
3 урока
1.
Как проходить курс
↗
2.
Материалы
↗
3.
Будем на связи
↗
Figma
8 уроков
1.
Вводное видео
↗
2.
Слои, группы, фреймы и секшены
↗
3.
Констрейнсы
↗
4.
Автолейауты
↗
5.
Компоненты
↗
6.
Варианты
↗
7.
Пропертис
↗
8.
ПРАКТИКА. Домашнее задание по разделу
↗
Требования к проекту и черновое проектирование
4 урока
1.
Что такое черновое проектирование и его важность
↗
2.
Требования для приложения: User Story роль «Пассажир»
↗
3.
User Flow: делаем схему проекта
↗
4.
ПРАКТИКА. Домашнее задание по разделу
↗
Гайдлайны iOS и Android
4 урока
1.
Гайдлайны iOS и Android
↗
2.
Разница iOS и Android
↗
3.
Как использовать гайдлайны на практике
↗
4.
ПРАКТИКА. Тестирование
↗
Проектирование (Wireframes)
12 уроков
1.
Вводное видео
↗
2.
Авторизация
↗
3.
Выбор адреса
↗
4.
Подтверждение адреса и выбор тарифа
↗
5.
Выбор способа оплаты и привязка карты
↗
6.
Поиск такси и поездка
↗
7.
Сохранение адреса и получение купона
↗
8.
Меню приложения
↗
9.
Сборка Screen Flow: оформляем сценарии и по ролям
↗
10.
Интерактивные прототипы
↗
11.
Usability-тестирование
↗
12.
ПРАКТИКА. Домашнее задание по разделу
↗
Дизайн-система
21 урок
1.
Вводное видео
↗
2.
Что такое дизайн-система, UI-Kit и их разница
↗
3.
Фирменный стиль клиента
↗
4.
Сбор компонентов
↗
5.
Палитра и цвета
↗
6.
Типографика и тени
↗
7.
Сетка и правила отступов
↗
8.
Иконки
↗
9.
Иллюстрации
↗
10.
Figma AI: создание графики
↗
11.
Системные компоненты и лого
↗
12.
Инпуты
↗
13.
Кнопки
↗
14.
Выбор адреса
↗
15.
Тарифы и операторы
↗
16.
Выбор варианта оплаты и привязка карты
↗
17.
Алерты и рейтинг
↗
18.
Загрузка, замена и удаление фото
↗
19.
История поездок и чат
↗
20.
Шторка и принцип слотирования (slot)
↗
21.
ПРАКТИКА. Домашнее задание по разделу
↗
Финальный дизайн
9 уроков
1.
Вводное видео
↗
2.
Авторизация
↗
3.
Выбор адреса
↗
4.
Подтверждение адреса и выбор тарифа (атомарный дизайн)
↗
5.
Выбор способа оплаты и привязка карты
↗
6.
Поиск такси и поездка
↗
7.
Меню
↗
8.
Подготовка макетов к разработке + чек-лист
↗
9.
ПРАКТИКА. Домашнее задание по разделу
↗
Заключение
1 урок
1.
Заключительное видео
↗
Бонусы
1 урок
1.
Бонусы
↗
Что дальше?
2 урока
1.
Тариф с личным проектом и поддержкой (скидка 20%)
↗
2.
Прокачай веб-дизайн (скидка 20%)
↗
Воркшоп по старту в профессии
3 урока
1.
Как получить максимум: введение и ключевые ошибки новичков
↗
2.
Что нужно знать помимо Figma: команда, исследования, процесс
↗
3.
Портфолио, резюме и собеседование: шаг к карьере дизайнера
↗
Тест на получение сертификата
1 урок
1.
Тест для получения сертификата об окончании курса
↗
4. Портфолио дизайнера: от идеи до публикации (UI/UX, Веб, Продукт)
Введение
3 урока
1.
Как проходить этот курс
↗
2.
Материалы
↗
3.
Будем на связи
↗
Что такое сильное портфолио
6 уроков
1.
Зачем нужно портфолио и как и где его смотрят рекрутеры и дизайн
↗
2.
Где размещать портфолио
↗
3.
Обзор площадок (Behance, Dribbble, Dprofile)
↗
4.
Что вообще добавлять в портфолио
↗
5.
Где брать идеи для работ в портфолио
↗
6.
Частые ошибки в портфолио
↗
Что будем делать
2 урока
1.
Постановка цели: какие кейсы мы будем оформлять
↗
2.
Как настроить себя на работу, чтобы не перегореть в процессе
↗
Структура идеального кейса: как рассказывать о проекте
5 уроков
1.
Формула идеального кейса
↗
2.
Как рассказывать историю: от проблемы к процессу и результату
↗
3.
Структура кейса
↗
4.
Точки вовлечения: как не дать зрителю закрыть вкладку
↗
5.
ПРАКТИКА. Домашнее задание по разделу
↗
Делаем черновик кейса
7 уроков
1.
Размеры, отступы и сетка проекта
↗
2.
Главный экран
↗
3.
Проблема и этапы проекта
↗
4.
Сценарии и карта путей пользователей
↗
5.
Визуальная разбивка, прототипы и тестирование
↗
6.
Дизайн-система, итоговый дизайн и контакты
↗
7.
ПРАКТИКА. Домашнее задание по разделу
↗
Дизайн кейс веб-сервиса
10 уроков
1.
Генерируем графику с помощью ИИ
↗
2.
Делаем свои собственные графические шаблоны (мокапы)
↗
3.
Стили проекта: цвета и шрифты (токены)
↗
4.
Главный экран
↗
5.
Проект, этапы и сценарии пользователя
↗
6.
Карта путей пользователя
↗
7.
Блок анимации, черновые макеты, прототип и токены
↗
8.
Компоненты и финальный дизайн
↗
9.
Финальный блок результатов
↗
10.
ПРАКТИКА. Домашнее задание по разделу
↗
Анимация
4 урока
1.
План работ
↗
2.
Видео-анимация: главный экран
↗
3.
Gif-анимация: визуальная разбивка
↗
4.
ПРАКТИКА. Домашнее задание по разделу
↗
Сборка портфолио и публикация
4 урока
1.
Публикуем на Behance
↗
2.
Публикуем на Dribbble
↗
3.
Делаем быстрый импорт в Dprofile
↗
4.
ПРАКТИКА. Домашнее задание по разделу
↗
Заключение
2 урока
1.
Заключительное видео
↗
2.
Секретные бонусы
↗
Тренинг по старту в профессии (воркшоп)
3 урока
1.
Как получить максимум: введение и ключевые ошибки новичков
↗
2.
Что нужно знать помимо Figma: команда, исследования, процесс
↗
3.
Портфолио, резюме и собеседование: шаг к карьере дизайнера
↗
Тест на получение сертификата
1 урок
1.
ТЕСТИРОВАНИЕ
↗