Освоить навык

С опытом

3 месяца

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

• Сможете отличить UI-кит от дизайн-системы и узнаете, как организовать эффективное взаимодействие с разработчиками.

• Освоите продвинутые функции Figma, включая последние обновления.

• Научитесь выстраивать дизайн-процесс и привыкнете мыслить системно, чтобы рассчитывать ресурсы и не проиграть в качестве дизайна.

• Учитесь в небольшой группе из 25 студентов.

Записаться на курс
-10% до 28 марта Участвует в распродаже
Евгений Семенов, Алексей Покидышев, Света Бренер, Алексей Комаров

Дизайн-лиды и дизайн-директоры из ВТБ, «Сбера», «Билайна» и «Тинькофф»

О курсе

Дизайн-система — это не просто компоненты в Figma, а полноценный продукт, который экономит ресурсы и время на принятие решений. Вы будете работать над индивидуальным учебным проектом — научитесь структурировать элементы интерфейса и придумаете правила, которые будут понятны не только дизайнерам, но и другим участникам команды.

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

Кому подойдет

Кто будет преподавать

Больше о курсе — в коротком видео

Программа курса дизайн-системы

  • 26 вебинаров
  • 12 заданий
  • 13 недель
  • 3 демо

Введение: декомпозиция и анализ, планирование и дизайн-токены

  • Вы освоите алгоритм декомпозиции цифровых продуктов, чтобы составить список необходимых компонентов для будущей дизайн-системы. Изучите особенности проектирования сервисов в зависимости от тематики бизнеса. Познакомитесь с этапами разработки дизайн-систем и научитесь составлять роадмап проекта. Поймете, как и зачем внедрять токены в дизайн-процесс.

Проектирование: работа с цветом, типографикой и особенности веб-интерфейсов и мобильных платформ

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

Развитие: документация и взаимодействие с разработкой, метрики успеха и демо

  • Вы поймете необходимость создания базы знаний и онбординга в дизайн-систему. Познакомитесь с платформами для ведения документации и изучите чек-листы, чтобы разработчики всегда были вами довольны. Научитесь тестировать и оценивать эффективность своих решений. Поймете, как отслеживать бизнес-метрики и измерять удобство пользования дизайн-системой. Защитите выпускной проект перед комиссией приглашенных дизайн-лидов и руководителей разработки из крупных компаний.
Оставьте заявку на консультацию
+7
Как с вами связаться?

Преимущества курса

  1. Акцент на практику с самого начала

    Еще до начала занятий вы получите первое домашнее задание. Сам курс составлен из минимально необходимой теории — большая часть уроков построена на кейсах из опыта преподавателей.
  2. Живое общение с экспертами из индустрии

    Занятия ведут преподаватели — признанные специалисты из крупных компаний с большим опытом в дизайн-системах. Кроме того, каждый модуль мы приглашаем в гости экспертов, которые делятся уникальными материалами, которых не найти в сети.
  3. Консультации по рабочим проектам

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

    По завершении курса все студенты, защитившие выпускной проект, попадают в закрытый чат комьюнити выпускников. Там уже более 50 действующих дизайнеров дизайн-систем, готовых поддержать в рабочих вопросах.

Необходимые материалы и инструменты

Полученные знания будут применимы для любого графического редактора, на курсе будем работать в Figma.

Формат обучения

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

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

Отзывы

Мария Черноскулова

Великолепные преподаватели, материал программы бесконечной ценности и очень много практики! Поддержка на каждом шагу. BBE — one love :)

Моряшков Алексей

Курс понравился, а особенно — преподаватели. Все заряженные, позитивные и очень открытые. Приглашенные спикеры все крутые! Особенно зашли XR, VK и InDrive.

Алексей Селезнев

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

Курс превзошел мои ожидания. Он помог серьезно повысить не только дизайнерские, но и менеджерские скилы, что пригодилось уже в процессе обучения. Я обязательно буду рекомендовать коллегам-дизайнерам школу BBE.

Шумеева Екатерина

Курс классный! Можно было обсуждать вопросы, с которыми сталкиваемся в работе, и смотреть на опыт других компаний. Руководитель говорит, стало заметно, что я круто прокачалась. Большое спасибо!

Полевин Александр

Спасибо за курс! Он расширил мое понимание дизайн-системы и дал четкий алгоритм работы при разработке дизайн-продукта.

Мария Вологжанина

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

Комьюнити

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

Комьюнити-встречи

Очные и онлайн-встречи студентов, совместные посещения выставок, воркшопов, лекций и других мероприятий.
room

Чаты направлений

Телеграм-чаты всех тематических сообществ школы — чтобы поддерживать связь со студентами и экспертами индустрии, участвовать в творческих конкурсах и опен-коллах, получать обратную связь по своим проектам и работам.
chat

Random Coffee

Новые знакомства с ребятами из комьюнити BBE (в том числе с командой школы) — каждую неделю в специальном канале с ботом.
coffee

Наши ценности

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

Подарки

  • Скидка 5% на новые знания

    Выбирайте из наших основных курсов по разным направлениям дизайна: от типографики и 3D — до брендинга и дизайн-мышления. Скидкой можно будет воспользоваться в любое время.

  • Доступ на месяц к «Дизайн-библиотеке»

    «Дизайн-библиотека» — это подписка на курсы для изучения в собственном ритме. Развивайтесь в смежных областях, изучайте новые направления и расширяйте границы каждый день.

Запишитесь или получите консультацию
13 500 ₽ / мес
12 150 ₽ / мес-10%
В рассрочку на 10 мес
Полная стоимость
121 500 ₽ 135 000 ₽
Заполните форму и наш гид свяжется с вами
+7
Как с вами связаться?