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

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

Курс – номинант «Прорыв года на Stepik Awards 2024»

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

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

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

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

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

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

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

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

1. Введение
2. Figma
3. Проектирование
4. Дизайн-система
5. Дизайн веб-сервиса
6. Заключение
7. Бонусы: Воркшоп по старту в профессии
8. Что дальше?

Спойлер: Подробная программа

Введение

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

Figma

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

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

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

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

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

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

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

Заключение

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

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

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

Что дальше?

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

Автор Алексей Поляков

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

Цена 2390 руб.
Скрытая ссылка