О курсе
Курс предназначен для фронтендеров, желающих освоить создание и использование дизайн-систем. Программа начинается с введения в понятие дизайн-системы, рассматриваются существующие системы, их преимущества и недостатки, а также отличие от UI-китов. Далее изучается декомпозиция дизайна и кода: выделение переменных, компонентов, составных блоков, сеток и лейаутов. Техническая часть посвящена переносу дизайн-системы в код, построению компонентов и сеток. Отдельный раздел касается организации эффективного взаимодействия с дизайнерами, включая коммуникацию и внесение изменений. Завершающий раздел охватывает командную работу, документирование и публикацию дизайн-систем, включая особенности открытых и закрытых систем.
Что рассматривается в программе
- рассматривается отличие UI-кита от дизайн-системы
- разбирается выделение систем из существующего дизайна
- изучается выделение компонентов и использование переменных
- рассматривается построение дизайн-систем в коде с нуля
- описывается организация процесса работы с дизайнерами
- изучается документирование и публикация дизайн-систем
Кому может быть полезен курс
- тем, кто интересуется созданием и использованием дизайн-систем
- фронтендерам, которым нужно ознакомиться с подходами к выделению компонентов и переменных
- специалистам, желающим наладить процесс работы с дизайнерами
Вопросы о программе
Чем дизайн-система отличается от UI-кита?
В курсе рассматривается отличие дизайн-систем от UI-китов, а также принципы выбора подходящего подхода для конкретной задачи.
Какие темы охватывает курс?
Программа включает введение в дизайн-системы, декомпозицию дизайна и кода, техническую реализацию, организацию работы с дизайнерами, документирование и публикацию.
Кто авторы курса?
Авторы — Антон Ефремов, дизайнер, работающий над дизайн-системой в Aviasales, и Илья Колебаев, старший продуктовый дизайнер в Газпром нефти, участвующий в разработке дизайн-системы Consta.