Goban — гибкая дизайн-система, которая позволяет создавать простые утилитарные интерфейсы. Оценить проект, созданный с помощью Goban, можно на примере Исследовательской платформы.
Особенности дизайн-системы
Организация цветов на основе контраста
Для организации цветов используется двухуровневая система токенов. Второй уровень токенов организован по принципу выделения групп цветов, обеспечивающих нужный уровень контраста между собой.
Вариативные компоненты
Мастер-компоненты базовых элементов интерфейса (меню,списки и так далее) используют вложенные префиксные и постфиксные компоненты для получения большой вариативности в рамках одного элемента.
Границы, подложки блоков и другие декоративные элементы превращены в отдельные компоненты, которые используются как строительные блоки для основных компонентов дизайн-системы.
Для крупных компонентов, таких как диалоговые окна, используются swap-компоненты.
Подробнее об устройстве компонентов
Дизайн-процесс как часть дизайн-системы
В дизайн-систему включены правила именования и оформления файлов, организации макетов на страницах и описание рабочего процесса от момента получения задачи на дизайн до реализации решения в коде.
Goban сейчас
Система реализована в коде. Компоненты и документация активно обновляются, тестируются и дополняются.
Помимо стандартного набора компонентов, таких как кнопки, списки и так далее, Goban содержит специализированные компоненты для визуализации данных и создания текстовых редакторов.
Stepanov Design 