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