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

​

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Спойлер: Программа курса:

Введение

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

Figma

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

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

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

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

1. Что такое дизайн-система и для чего она нужна
2. Сбор компонентов
3. Поиск визуального решения: палитра, иконки, иллюстрации и формы
4. Токены дизайн-системы: цвета и типографика
5. Кнопки
6. Избранное, прогресс-бар, лого и аватар
7. Рейтинг и теги
8. Инпут
9. Поле SMS и текстэрея
10. Отзыв, табы и модальное окно
11. Аккордеон и графики
12. Карточки
13. Хэдер и футер
14. ПРАКТИКА. Домашнее задание по разделу

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

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

Заключение

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

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

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

Что дальше?

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

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

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

Спойлер: Об авторе:

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

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