На курсе мы сделаем полноценное мобильное приложение с нуля
В конце курса у вас будут все необходимые знания для старта в профессии
На курсе мы пройдем все этапы разработки продукта так, как это делают в реальных профессиональных командах и компаниях
Разберём, как стартовать в профессии
Поговорим, как оформить портфолио, составить резюме и где искать первые проекты или работу
Создадим свою собственную дизайн-систему
Определим стили, шрифты, и компоненты, чтобы дизайн был цельным и масштабируемым
Соберем карту путей пользователя
по ТЗ заказчика
Разберем базовые требования к функционалу, пользовательские роли и соберем карту путей
Разберем гайдлайны iOS и Android
Разберем базовые требования к функционалу, пользовательские роли и соберем карту путей
Нарисуем финальный дизайн
Разработаем профессиональный дизайн веб-сервиса онлайн образования
Спроектируем и протестируем интерфейс
Спроектируем черновой интерфейс, соберем кликабельный прототип и проверим его с помощью пользовательского тестирования
Разберемся с функционалом Figma
Разберем весь основной функционал Figma, необходимый для работы в компании и на фрилансе
Последовательная структура для освоения всех необходимых навыков и их закрепление на практике
Делаем полноценный веб-сервис онлайн-обучения с нуля, как в больших компаниях и профессиональных командах
Дизайн и проекти-рование мобильных приложений в Figma
Посмотрите 2 минуты и сразу поймёте, подойдёт ли вам курс
6.1 Вводное видео
6.2 Что такое дизайн-система, UI-Kit и их разница
6.3 Фирменный стиль клиента
6.4 Сбор компонентов
6.5 Палитра и цвета
6.6 Типографика и тени
6.7 Сетка и правила отступов
6.8 Иконки
6.9 Иллюстрации
6.10 Figma AI: создание графики
6.11 Системные компоненты и лого
6.12 Инпуты
6.13 Кнопки
6.14 Выбор адреса
6.15 Тарифы и операторы
6.16 Выбор варианта оплаты и привязка карты
6.17 Алерты и рейтинг
6.18 Загрузка, замена и удаление фото
6.19 История поездок и чат
6.20 Шторка и принцип слотирования (slot)
6.21 ПРАКТИКА. Домашнее задание по разделу
7.1 Вводное видео
7.2 Авторизация
7.3 Выбор адреса
7.4 Подтверждение адреса и выбор тарифа (атомарный дизайн)
7.5 Выбор способа оплаты и привязка карты
7.6 Поиск такси и поездка
7.7 Меню
7.8 Подготовка макетов к разработке + чек-лист
7.9 ПРАКТИКА. Домашнее задание по разделу
5. Проектирование (Wireframes)
5.1 Вводное видео
5.2 Авторизация
5.3 Выбор адреса
5.4 Подтверждение адреса и выбор тарифа
5.5 Выбор способа оплаты и привязка карты
5.6 Поиск такси и поездка
5.7 Сохранение адреса и получение купона
5.8 Меню приложения
5.9 Сборка Screen Flow: оформляем сценарии и по ролям
5.10 Интерактивные прототипы
5.11 Usability-тестирование
5.12 ПРАКТИКА. Домашнее задание по разделу
4. Гайдлайны iOS и Android
4.1 Гайдлайны iOS и Android
4.2 Разница iOS и Android
4.3 Как использовать гайдлайны на практике
4.4 ПРАКТИКА. Тестирование
3. Требования к проекту и черновое проектирование
3.1 Что такое проектирование и его важность
3.2 Требования для приложения: User Story роль «Пассажир»
3.3 User Flow: делаем схему проекта
3.4 ПРАКТИКА. Домашнее задание по разделу
2.1 Вводное видео
2.2 Слои, группы, фреймы и секшены
2.3 Констрейнсы (Constrains)
2.4 Автолейауты (Autolayout)
2.5 Компоненты (Components)
2.6 Варианты (Variants)
2.7 Пропертис (Properties)
2.8 ПРАКТИКА. Домашнее задание по разделу
1.1 Вводное видео
1.2 Материалы
1.3 Будем на связи
Курс состоит из 6 модулей — каждый из них ведёт от базовых навыков к полноценному проекту