Что сейчас с дизайн-системами у нас

Если сегодня зайти на DESIGN SYSTEMS CLUB, то мы увидим всего 8 ссылок на дизайн-системы компаний отечественного рынка (Яндекс можно вычеркнуть, так как проекты БЭМ Дизайн, DEPO, BEAST не взлетели, а ссылка ведет просто на методологию БЭМ).

Все они, по большому счету, копируют друг друга и представляют собой имиджевые страницы с наборами базовых элементов и принципов. А все различия сводятся к тому, кто какую гарнитуру и палитру для себя выбрал.

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

Да, некоторые можно скачать себе в виде кита (Rambler, Alfa-Bank), установить и поиграться, если умеете кодить. Но все это — не более чем перекрашенный бутстрап, с помощью которого можно решить только простые задачи — собрать админку, например. Подозреваю, что эти системы имеют очень отдаленное сходство с реальным продом.

И из последних новостей о дизайн-системах: на прошлой неделе ВКонтакте опубликовал свои мобильные библиотеки базовых компонентов VKUI в Figma. Изучив ее, можно сделать несколько выводов:

1. Графические редакторы (во многом благодаря Figma) выстояли в войне с кодом и остаются основными инструментами дизайнера.

2. По прежнему только мобильный дизайн поддаётся какой-то систематизации. Во многом — благодаря стандартным платформенным элементам интерфейса и паттернам в iOS и Android. И еще благодаря простой однопоточной вертикальной структуре, которая позволяет использовать простую систему контейнеров и отступов между ними, что упрощает процесс конструирования страницы. Другое дело — Веб, где есть колонки, а значит, и потоков, между которыми нужно поддерживать согласованность, сразу несколько.

3. Это не дизайн–система, а библиотека базовых компонентов. Чуть сложнее, чуть навороченее, дополненная шаблонами, но все ещё библиотека — устоявшиеся знания, которые зарегистрировали, оформили и положили на полочку.

4. Основная задача этой библиотеки, о чем говорят и сами ребята, — экономия времени на поиске или перерисовке стандартных экранов или состояний, что позволяет больше сфокусироваться на задаче. Другими словам — дизайнеру не нужно начинать с чистого фрейма, а можно взять за основу готовую страницу (либо быстро собрать ее самому) и уже в ней начинать решать свою задачу.


Так в чем же здесь проблема?

↑

Если где-то соврал или есть, что добавить – напишите, пожалуйста: @plashch