https://ux.pub/pochemu-90-dizaynerov-yuzayut-color-styles-v-figma-nepravilno/

Многие дизайнеры (и далеко не новички) используют Color Styles просто как палитру для хранения цветов, а потом тратят кучу времени на правки, если какой-то отдельный цвет не нравится заказчику. Особенно остро встаёт проблема, когда появляется задача перекрасить интерфейс в новомодную тёмную тему.

Дисклеймер. Это статья не про тёмную тему и как её делать, а про систему цветов в дизайне интерфейсов. НО, если тебе интересно, в конце статьи я уделю немного времени этой теме.

Как обычно это происходит?

Пришла идея, что нужно сделать приложение только в тёмной теме, а ты уже нарисовал в светлой. Думаешь, ну ладно, сейчас поменяем белый на чёрный, а чёрный на белый и готово.

Вот какая тёмная тема получилась в Яндекс.Такси:

И ты такой смотришь, вроде бы всё хорошо, но есть маленькие артефакты:

Узнать подробнее

А в примере всего один экран приложения, что будет если их десятки или сотни? Небольшими дефектами дело не обойдётся…

Окей, а как правильно тогда?

Если ты настроил систему цветов правильно, можно сгененировать вот такую тёмную тему с помощью плагина буквально за секунды. Карту правда пришлось отдельно менять, потому что я её скриншотом вставил 😀

Ссылка на этот плагин и файл figma из этой статьи, находятся у меня в Telegram-канале. Заходи и сверяйся параллельно чтению.

Сейчас всё расскажу, только покажу ещё одну проблему палитры