Научившись выделять и использовать дизайн-системы, вы сможете:
- Быстрее собирать большие проекты
- Повысить скорость развития продукта в целом
- Проще вносить изменения в созданные проекты
- Сократить время внедрения новых фич
После прохождения курса вы сможете:
- Отличать UI-кит от дизайн-системы и правильно выбирать их под задачу
- Выделять системы из существующего дизайна
- Выделять компоненты и правильно использовать переменные
- Строить дизайн-системы в коде с нуля
- Эффективнее организовывать процесс работы с дизайнерами
- Документировать дизайн-систему
- Публиковать дизайн-систему и вносить в неё изменения
Программа курса:
Мы начнём с изучения дизайн-систем и их принципов, и постепенно перейдём к особенностям технической реализации. Наша задача --- понять все принципы и философию дизайн-систем.
Раздел 1
Введение
— Что такое дизайн-система?
— Какие существуют дизайн-системы?
— Отличие дизайн-систем от UI-китов
— Плюсы и минусы использования дизайн-систем
Раздел 2
Декомпозиция
— Принципы декомпозиции дизайна и кода
— Вынесение переменных из дизайна
— Вынесение компонентов из дизайна
— Вынесение составных блоков
— Вынесение сеток и лейаутов
Раздел 3
Техническая реализация
— Перенос сформированной системы из дизайна в код
— Перенос переменных
— Построение компонентов и блоков
— Построение сеток и лейаутов
Раздел 4
Связка с дизайном
— Принципы организации эффективного воркфлоу с дизайнерами при создании дизайн-систем
— Коммуникация с дизайнерами на этапе создания и поддержки дизайн-систем
— Внесение изменений в существующую дизайн-систему.
Раздел 5
Командная работа, публикация и документация
— Принципы организации дизайн-системы
— Описание и документирование частей дизайн системы
— Особенности публикации открытых и закрытых дизайн-систем
Авторы курса
Антон Ефремов
Дизайнер. Работает над дизайн-системой в Aviasales.
Ex-дизайнер в дизайн-системе Consta.
В прошлом --- бизнес-аналитик и проектировщик информационных систем.
Илья Колебаев
Старший продуктовый дизайнер в Газпром нефть.
Неровно дышит к веб-технологиям.
Делает дизайн-систему Consta и бесконечные пет-проекты на ней.
Вы находитесь на странице товара «HTML Academy - Дизайн-системы для фронтендеров».
Это версия материала в лучшем качестве без водяных знаков.
Скриншоты содержимого, платформы и качества записи можно посмотреть выше.
Материал относится к 2022 году.
Оригинальная стоимость курса у автора составляет
7300 рублей.
В магазине Coursx.net материал доступен за
249 рублей.
Обучающий курс входит в рубрику «Программирование».
Другие материалы автора «Антон Ефремов и Илья Колебаев»
можно найти через поиск по сайту.
