Полный курс по UI/UX и веб-дизайну в Figma [Stepik] [Алексей Поляков]
Курс – номинант «Прорыв года на Stepik Awards 2024»
Начни карьеру в UI/UX дизайне под руководством опытного лид-дизайнера! Курс охватывает ключевые навыки: веб-дизайн, работа в Figma, проектирование интерфейсов, UX-исследования, пользовательское тестирование, создание дизайн-систем и подготовка финальных макетов для разработчиков. Практика в фигма, реальные задачи и фокус на инструментах помогут быстро войти в профессию и стать востребованным UI/UX дизайнером.
Чему вы научитесь:
Автор Алексей Поляков
Курс – номинант «Прорыв года на 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 и базовые знания о том, как она работает.
- Время для выполнения заданий: Чтобы получить максимальную пользу от курса, рекомендуется выделить время для выполнения всех практических упражнений и заданий.
- Желание учиться: Курс разработан таким образом, чтобы быть доступным как для новичков, так и для более опытных пользователей. Главное — ваше стремление учиться и применять полученные знания на практике.
- Введение
- Figma
- Проектирование
- Дизайн-система
- Дизайн веб-сервиса
- Заключение
- Бонусы: Воркшоп по старту в профессии
- Что дальше?
Введение
- Вводное видео
- Материалы
- Будем на связи
- Обновление интерфейса Figma
- Слои, группы, фреймы и секшены
- Констрейнсы (Constrains)
- Автолейауты (Autolayout)
- Компоненты (Components)
- Варианты (Variants)
- Пропертис (Properties)
- Практика. Домашнее задание по разделу
- Что такое проектирование и его важность
- User Story и базовое описание требований
- Карта путей пользователя
- Каталог и детальная страница
- Авторизация и блок оплаты
- Личный кабинет
- Дашборд. Роль «Администратор»
- Сборка User Flow
- Интерактивные прототипы
- Usability-тестирование
- Практика. Домашнее задание по разделу
- Что такое дизайн-система и для чего она нужна
- Сбор компонентов
- Поиск визуального решения: палитра, иконки, иллюстрации и формы
- Токены дизайн-системы: цвета и типографика
- Кнопки
- Избранное, прогресс-бар, лого и аватар
- Рейтинг и теги
- Инпут
- Поле SMS и текстэрея
- Отзыв, табы и модальное окно
- Аккордеон и графики
- Карточки
- Хэдер и футер
- Практика. Домашнее задание по разделу
- Итоговый дизайн: вводное видео
- Главная и каталог
- Детальная страница
- Авторизация
- Блок оплаты и личный кабинет
- Дашборд. Роль «Администратор»
- Передача макетов в разработку + чек-лист
- Практика. Домашнее задание по разделу
- Заключительное видео
- Секретный бонус
- Как получить максимум: введение и ключевые ошибки новичков
- Что нужно знать помимо Figma: команда, исследования, процессы
- Портфолио, резюме и собеседование: шаг к карьере дизайнера
- Прокачай мобильный UI/UX (+ скидка 20%)
- Профессиональный дизайн-лид с 10-летним опытом, работавший над проектами для таких компаний, как Газпром, Мегафон и Самолет.
- Автор делится практическими методами и подходами, которые применяют ведущие команды для создания востребованных цифровых продуктов.
- Пройдя курс, вы сможете уверенно выходить на рынок — как для работы в крупной компании, так и для успешного старта на фрилансе с высокими чеками.
https://stepik.org/course/212348/promo