Решение о слиянии китов или их разделении очень важное, оно определяет дальнейший вектор развития дизайн-системы на месяцы.
Решение о слиянии китов или их разделении очень важное, оно определяет дальнейший вектор развития дизайн-системы на месяцы.
Конечно, кажется удобным сделать только одну версию компонента и использовать её и на обоих мобилках, и на десктопе, но на практике это вряд ли рационально: то, что хорошо смотрится на маленьком экране, в потребностях десктопа будет смотреться мелко.
Даже если дизайн для мобильных платформ приведён к единому виду, может возникнуть потребность распространить дизайн-систему и на десктопный веб, и тогда может прийти идея выделить десктопные варианты в том же мастер-файле, в котором объявлены мобильные. Этого делать не стоит.
Важно учесть удобство дизайнеров: после вставки каждого компонента дизайнеры не должны переключать свойство платформы с мобилки на веб через варианты. Они не всегда будут это делать, что приведёт к смешению компонентов с разных платформ в одном макете. Если у нас несколько платформ (Web, iOS, Android) и дизайн для них не приведён к единому виду, мы обязаны выделить 3 отдельных UI-кита. Бывает также, что дизайн для мобильных один и за основу берём iOS, но есть некоторые редкие компоненты для Android, и тогда варианты для платформы удобны.
Требования разработки. Фронтам нужны точные спеки для вёрстки компонента, которые дают им понять всё необходимое. Спеки с мобильными размерами не подойдут для вёрстки десктопа, отделяем.
Чем проще кит, тем проще им пользоваться. Чем кит сложнее и чем больше в нём вариантов, тем больше в нём возможностей, но тем дольше тюнить компоненты после вставки.
Однако, не смотря на то, что китов может быть столько, сколько нужно, стили цветов должны быть едины, иначе у нас будет рассинхрон между платформами. Выделять ли в отдельную систему типографику каждой платформы — индивидуальное решение каждой дизайн-системы. Типографику для лендингов и мобилкок точно стоит разделять. А вот мобилки и CRM могут остаться в единой.
@slashdesigner #для_профи #дизайн_системы