Ведущий дизайнер дизайн-систем Intercom и VK с опытом работы более 10 лет
Cооснователь проекта Design Systems Club. Со-организатор конференции Dribbble Meetup Russia и конкурса Russian Design Cup
Product designer в Intercom
с 2018
Product designer в Intercom. Запуск и развитие дизайн-системы. Перевод системы на распределенную модель, с целью ее развития, не имея выделенной команды
2016 - 2018
Шеф-дизайнер VK
Шеф-дизайнер VK. Работа над дизайн-системой и ее публичный запуск. Формулировка идеологии системы и проработка модели масштабирования. Запуск первой версии сайта дизайн-системы
2013 - 2016
Руководитель группы дизайна в Яндексе
Руководитель группы дизайна в Яндексе. Проведение редизайна Яндекс. Почты
для тех, кто
Никогда не работал с дизайн-системами и хочет их изучить
Собирается внедрять дизайн-систему у себя и хочет сразу сделать хорошо
Хочет развивать и масштабировать уже имеющуюся дизайн-систему
ПРОГРАММА Онлайн-курса
4-недельный интенсив от евангелиста дизайн-систем в России Андрея Сундиева. В курс входят видеоуроки и практические занятия для самопроверки. По итогу вы сформируете необходимый уровень знания для самостоятельного проектирования и внедрения дизайн-системы
Курс: Figma
научитесь собирать прототипы сайтов и мобильных приложений
Цели вашей дизайн-системы
Модуль 1
Цели вашей дизайн-системы
Погружаемся и учимся отличать дизайн-систему от UI-kit, разбираться в типах дизайн-систем.
Получите понимание, какие именно проблемы сможет решать дизайн-система в вашей компании, поставите приоритетные цели и на год и определитесь с главной траекторией развития своей системы
Части системы. Визуальный язык
Модуль 2
Части системы. Визуальный язык
Учимся формулировать принципы системы, создавать доступную цветовую палитру, разбираться в методах построения типографической сетки, применять базовые принципы accessibility.
Проверяем и объединяем созданные элементы визуального языка системы, закладывая основу для «единого источника правды»
Генерируем с помощью инструмента сайт системы и описываем 1-2 компонента вашей дизайн-системы
Инструменты, внедрение, масштабирование
Модуль 4
Инструменты, внедрение, масштабирование
Проходим внедрение системы на практике.
Проводим аудит текущего интерфейса, который ляжет в основу вашей презентации по внедрению системы
Подготовка к защите перед руководством
Модуль 5
Подготовка к защите перед руководством
В заключительном задании готовим презентацию для защиты своей концепции перед командой и руководством.
В итоге вы сможете презентовать проект своей компании и подготовитесь к внедрению дизайн-системы в жизнь
Больше скилов — выше зарплата
бонус: курс по английскому языку на 12 месяцев
БОЛЕЕ 90% пользователей ДОВОЛЬНЫ КУРСОМ
Отзывы студентов о курсе
Дизайнер продукта в «СберСпасибо»
Сейчас разрабатываю свою дизайн-систему и мне не хватало понимания, как с ней работать. Курс восполнил все пробелы и даже добавил понимания о том, как выстроить дальнейшую работу. Понравились лекции, домашние задания и вебинары. По времени курс удачно сбалансирован
Дизайнер продукта Orderry
Пришла получить комплексное понимание о ходе внедрения дизайн-систем в продукт. Выхожу с готовым планом по развитию и внедрению, все в целом понравилось, курс попался вовремя под руку и аналогов не было
UX-дизайнер в inDriver
Хотел узнать, как разрабатываются дизайн-системы в больших компаниях, и понять, как можно улучшить процессы в своей компании. Ожидания оправдались, узнал, как правильно создавать и поддерживать дизайн-систему
У меня была цель собрать воедино знания о дизайн-системе, получить опыт, основываясь на практиках крупных компаний. Выхожу с курса с пониманием, что такое дизайн-система и как с ней работать
Каждую неделю вы смотрите короткие видеоуроки и выполняете практические задания
Этот курс предназначен для самостоятельного прохождения без внешней проверки практических заданий. Вы сможете проверить, насколько хорошо усвоили материал, выполняя задания после видеоуроков
скидка -40%
93 BYN/мес
156 BYN/мес
Стоимость онлайн-курса
Запишитесь на курс или консультацию
при рассрочке на 12 месяцев без первоначального взноса и переплат
• освоите дизайн-системы
• создадите план своего проекта
• разработаете отдельные элементы системы
записаться на курс или получить бесплатную консультацию
Дизайн-система — набор правил и ограничений. Включает:
руководства по стилю — цветам, типографике, иллюстрациям, иконкам
UI-кит — кнопки, шаблоны страниц
библиотеки шаблонов
макеты элементов и их реализацию в коде
описание принципов работы для дизайнера и разработчика
Существует два вида дизайн-систем — с открытым и закрытым кодом.
Если система с открытым кодом, вы можете использовать наработки (шрифты, кнопки, иконки) и менять их под себя. Есть много популярных систем, например Material Design от Google или Fluent, разработанная Microsoft.
Дизайн-системы с закрытым кодом создают специально для компании или продукта. Доступ к материалам обычно есть только у сотрудников.
Работать с дизайн-системами можно как в крупных компаниях вместе с командой, так и в более маленьких проектах. Актуальность этого решения не зависит от масштабности проекта, а зависит от задач.
Поскольку количество мест в группе ограничено, если вам необходимо отложить освоение материалов, вы сможете пользоваться всеми материалами курса, но без проверки практических заданий. В любом случае вы всегда можете обратиться к координатору курса и в индивидуальном порядке получить нашу помощь по этому вопросу. В рамках освоения курса предусмотрены каникулы, вы сможете перезагрузиться и отдохнуть.
Учитесь со скидкой до 40% + курс английского для дизайнеров в подарок