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

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

набор ценностей бренда, инструментов и компонентов, который упрощает создание, тестирование, визуальное и техническое обновление продуктов, а также обеспечивает единообразие их интерфейсов

UI-kit

Паттерны проектирования

Библиотека компонент

Как понять, что нужна собственная дизайн система?

Вам нечем заняться

Что делать?

• проведите инвентеризацию проектов;
• заручитесь поддержкой;
• создайте команду;
• установите правила и принципы;
• It's design time. Just wait

• Go! Создаем первые компоненты
• Переводим корпоративные сайты на дизайн систему.

Как понять, что вам не нужна собственная дизайн система?

Используй чужую!

История

twitter bootstrap?

Где искать?

• styleguides.io
• designerlynx.co
• Отечественные - http://designsystemsclub.ru (Mail.ru Group)
• awesome-design-systems

Как выбрать?

Shopify Polaris 👍

Плюсы

Минусы

Заключение