[Stepik] Полный курс по UI/UX и веб-дизайну в Figma [Алексей Поляков]

Robot · Понедельник в 14:30

Полный курс по UI/UX и веб-дизайну в Figma Полякова Алексея

Начни карьеру в UI/UX дизайне под руководством опытного лид-дизайнера! Курс охватывает ключевые навыки: веб-дизайн, работа в Figma, проектирование интерфейсов, UX-исследования, пользовательское тестирование, создание дизайн-систем и подготовка финальных макетов для разработчиков. Практика в фигма, реальные задачи и фокус на инструментах помогут быстро войти в профессию и стать востребованным UI/UX дизайнером.

Этот курс создан профессиональным дизайн-лидом с 10-летним опытом, работавшим над проектами для таких компаний, как Газпром, Мегафон и Самолет.
Алексей Поляков делится практическими методами и подходами, которые применяют ведущие команды для создания востребованных цифровых продуктов. Пройдя курс, вы сможете уверенно выходить на рынок — как для работы в крупной компании, так и для успешного старта на фрилансе с высокими чеками.

на курсе:

Создаем полноценный проект с нуля, который станет частью вашего портфолио
Проходим весь путь: от исследования до финального дизайна
Интерактивные домашние задания с проверкой по каждому разделу
Бонусы по портфолио, резюме и лайфхаки для старта в профессии
Только актуальные навыки

Чему вы научитесь:

Работа в Figma: Освоите основные и продвинутые функции Figma, включая настройку слоёв, групп, автолейаутов, компонентов и пропертис, где в процессе примените эти навыки к реальному проекту.
Создание и понимание User Story: Научитесь формулировать и использовать пользовательские истории для выявления потребностей и целей целевой аудитории, что позволит более осознанно подходить к проектированию продукта.
Проектирование карты путей пользователей: Составляйте карты путей пользователей, чтобы понимать ключевые моменты взаимодействия с продуктом и строить на их основе интуитивные пользовательские сценарии.
Разработка вайрфреймов: Освоите создание вайрфреймов для основных страниц, чтобы заложить основы компоновки и функциональности, обеспечивая структуру и логику интерфейса.
Проведение usability-тестирования: Узнаете, как проводить usability-тестирование прототипов, чтобы выявить и устранить проблемы на ранних этапах и улучшить пользовательский опыт.
Создание дизайн-системы: Научитесь разрабатывать и внедрять дизайн-систему с токенами и UI-элементами, обеспечивающими визуальную консистентность и лёгкость масштабирования проекта.
Финальный дизайн и передача макетов разработчикам: Разработаете финальные макеты и узнаете, как грамотно передать их в разработку, с учётом всех аспектов адаптивности и интерактивности для точной и качественной реализации проекта.

Особенности курса:

Пошаговый и системный подход: Курс охватывает полный цикл создания веб-продукта, от исследования и проектирования до финальной передачи макетов разработке. Это не просто набор уроков, а полноценная система обучения, которая даст вам уверенность на каждом этапе работы.
Интерактивные домашние задания: Каждая тема курса сопровождается практическими интерактивными заданиями, которые моделируют реальные рабочие задачи. Эти задания помогут вам глубже усвоить материал и приобрести навыки, необходимые для работы над проектами в профессиональной среде.
Готовый проект для портфолио: К завершению курса у вас будет полноценный, завершённый проект, готовый для демонстрации будущим клиентам или работодателям. Этот проект станет вашим первым серьёзным шагом в портфолио, подчёркивая ваш уровень и системное понимание процесса создания цифрового продукта.
Экспертная поддержка от профессионала: Курс разработан Алексем Поляковым — дизайн-лидом с опытом работы с такими брендами, как Газпром, Мегафон и Самолет. Вы узнаете, какие подходы используют ведущие команды для создания востребованных цифровых продуктов.
Фокус на дизайн-системах и масштабируемости: Научитесь создавать дизайн-системы, обеспечивающие визуальную консистентность и лёгкость масштабирования, что высоко ценится в профессиональной среде.
Работа с User Story, картами путей пользователей и usability-тестированием: Мы уделяем особое внимание глубинному пониманию потребностей пользователей. Эти инструменты помогут вам проектировать интуитивные интерфейсы и оптимизировать пользовательский опыт на основе реальных данных. Такой подход делает программу особенно ценной для будущих профессионалов.
Бонусные материалы: Вы сможете получить полезные бонусы, такие как гайд по созданию портфолио, рекомендации по написанию резюме без опыта работы и список проверенных площадок для поиска работы, чтобы вы могли успешно стартовать в UI/UX дизайне.

Эти особенности делают курс не просто образовательным, но и ориентированным на реальный результат, помогая вам развивать востребованные навыки и строить успешную карьеру в UI/UX дизайне.

Что нужно будет делать:

В процессе обучения вы будете выполнять практические задания и тесты, проходя все этапы создания цифрового продукта. Каждый новый урок логично вытекает из предыдущего, постепенно углубляя ваши навыки и знания. Все функции и инструменты, которые мы изучаем, связаны с реальными задачами и актуальными требованиями индустрии, чтобы вы сразу понимали, как применять их на практике. Курс включает интерактивные домашние задания с проверкой, а также тестирование для закрепления пройденного материала и отслеживания вашего прогресса.

Основные разделы и задания:

Работа в Figma: Освоите все ключевые инструменты Figma, применяя их к реальным макетам и задачам при разработке продукта.
Проектирование и исследование интерфейсов: Научитесь разрабатывать пользовательские сценарии, моделировать User Flow, создавать интерактивные прототипы и проводить usability-тестирование.
Создание дизайн-системы: Сформируете дизайн-систему с нуля, включая настройку токенов, создание UI-элементов и компонентов для поддержания визуальной консистентности и масштабируемости проекта.
Разработка дизайна веб-сервиса: Спроектируете и создадите ключевые страницы веб-сервиса, такие как главная страница, каталог, личный кабинет, блок оплаты и другие, ориентируясь на реальные задачи и нужды пользователей.

Для кого этот курс:

Новички в дизайне: Если вы только начинаете свой путь в UI/UX дизайне, этот курс станет вашей основной базой до уровня Middle+. Вы получите систематизированные знания и освоите все ключевые инструменты и процессы, необходимые для создания профессиональных интерфейсов и сможете получить работу в компании.
Дизайнеры с опытом: Этот курс поможет вам упорядочить знания и углубиться в процесс создания интерфейсов. Вы разберёте весь путь — от планирования User Flow до создания интерактивных прототипов и разработки дизайн-систем. Это структурное погружение даст вам чёткое понимание процесса и навыки, которые помогут выйти на новый профессиональный уровень.
Фрилансеры: Если вы уже работаете в области UI/UX дизайна или планируете перейти на фриланс, этот курс предоставит вам все необходимые инструменты и подходы для создания качественных проектов, которые будут востребованы у клиентов и работодателей.
Разработчики и менеджеры проектов: Если вы хотите лучше понимать процесс создания интерфейсов, взаимодействовать с дизайнерами и эффективно управлять проектами, этот курс поможет вам приобрести знания, необходимые для успешного сотрудничества в команде.
Этот курс подходит для всех, кто хочет освоить профессию UI/UX дизайнера, научиться создавать современные и удобные интерфейсы, а также структурировать и углубить свои знания в области UI/UX.

Начальные требования:

Установленная Figma: Для выполнения практических заданий вам понадобится установленная программа Figma и базовые знания о том, как она работает.
Время для выполнения заданий: Чтобы получить максимальную пользу от курса, рекомендуется выделить время для выполнения всех практических упражнений и заданий.
Желание учиться: Курс разработан таким образом, чтобы быть доступным как для новичков, так и для более опытных пользователей. Главное — ваше стремление учиться и применять полученные знания на практике.

Программа курса:

Введение

Вводное видео
Материалы
Будем на связи

Figma

Обновление интерфейса Figma
Слои, группы, фреймы и секшены
Констрейнсы (Constrains)
Автолейауты (Autolayout)
Компоненты (Components)
Варианты (Variants)
Пропертис (Properties)
ПРАКТИКА. Домашнее задание по разделу

Проектирование

Что такое проектирование и его важность
User Story и базовое описание требований
Карта путей пользователя
Каталог и детальная страница
Авторизация и блок оплаты
Личный кабинет
Дашборд. Роль «Администратор»
Сборка User Flow
Интерактивные прототипы
Usability-тестирование
ПРАКТИКА. Домашнее задание по разделу

Дизайн-система

Что такое дизайн-система и для чего она нужна
Сбор компонентов
Поиск визуального решения: палитра, иконки, иллюстрации и формы
Токены дизайн-системы: цвета и типографика
Кнопки
Избранное, прогресс-бар, лого и аватар
Рейтинг и теги
Инпут
Поле SMS и текстэрея
Отзыв, табы и модальное окно
Аккордеон и графики
Карточки
Хэдер и футер
ПРАКТИКА. Домашнее задание по разделу

Дизайн веб-сервиса

Итоговый дизайн: вводное видео
Главная и каталог
Детальная страница
Авторизация
Блок оплаты и личный кабинет
Дашборд. Роль «Администратор»
Передача макетов в разработку + чек-лист
ПРАКТИКА. Домашнее задание по разделу

Заключение

Заключительное видео
Секретный бонус

Бонусы: Воркшоп по старту профессии

Как получить максимум: введение и ключевые ошибки новичков
Что нужно знать помимо Figma: команда, исследования, процессы
Портфолио, резюме и собеседование: шаг к карьере дизайнера

Что дальше?

Прокачай мобильный UI/UX (+ скидка 20%)

Тест на получение сертификата:

Тест для получения сертификата об окончании курса

Автор Алексей Поляков - Профессиональный UI/UX Design Lead с опытом работы 10+ лет с Газпром, Мегафон, Самолет и другими лидерами рынка:

Привет! Меня зовут Алексей Поляков, и я профессиональный UI/UX дизайнер с более чем 10-летним опытом. За эти годы я прошел путь от создания графики до разработки сложных многофункциональных интерфейсов для корпораций-гигантов российского рынка и топовых digital-агентств Москвы.