Comments 6
Я тоже как-то лет пять назад преисполнился гениальной мыслью и реализацией, где я использовал прозрачные цвета для поддержания контраста контролов к различным фонам. Минусов от этого было ровно столько же, сколько и плюсов, больше так не делал.
Из основного: вы ничего не сможете сделать, когда прозрачность вам будет мешать, а такие ситуации будут обязательно, решается только введением дополнительных токенов цвета. Если вы будете использовать какой-то оттенок цвета в прозрачностях, то на выходе будет получаться грязь, особенно, если это зеленые и желтые, красные оттенки. Решается, как предыдущий пункт, удвоением токенов.
Сейчас же, прозрачные цвета я использую только как дополнительные, где выборочно нужна прозрачность для какого-то из контролов или фона, а не глобально.
В обычных интерфейсах мы пока не встречали проблем с прозрачностью, но встретили их на определенном этапе в связи с техническими ограничениями устройства, прозрачность съедала много ресурсов процессора.
Решили проблему добавлением двух групп LightSolid и DarkSolid. В них все названия токенов совпадают. Но вместо параметра Opacity в модели HSL у элементов настраивается параметр Lightness. Когда проблема решилась просто свапнули группы обратно на Opacity
В целом в одном интерфейсе можно использовать несколько групп одновременно. И групп этих может быть сколько угодно много. Прикладываю пример на Codepen. В нем группа задается CSS классом и комбинирование групп делает систему цветов в разы гибче
Придумываешь ключ, который полностью описывает кейс, назначаешь значение из базовой палитры — готово. Такой способ декларативен, но когда используешь токены каждый день, появляется ряд неудобств
Это цепи Маркова что ли сгенерировали этот поток слов?
Вообще выглядит как создание какой-то библиотеки UI/UX, но если это библиотека, то где полученный результат? Как этим самым UI воспользоваться? Какие требования для этого инструмента - только браузер (Electron) или ограничиться только работой под Касперский ОС? В чем различие между вашей системой и скажем существующих Gtk, Qt? Не создаете ли вы (как в том анедкдоте про стандарты) еще один ненужный стандарт, а почему не использовать стилизацию уже готового? Будет ли переносимость вашего UI и смогу ли я беззаботно взять программу и портировать под Linux, FreeBSD, Windows, MacOS и конечно Касперский ОС? А что с другими российскими системами вроде Аврора? В целом после вашей статьи у меня возникла уйма вопрсоов. Выглдит в целом как какая-то верхушка айзберга описывающая стили и дизайн, но не технические аспекты разрабатываемого продукта. Было бы интересно узнать подрпобности как этим теперь можно воспользоваться.
"Итого 12 токенов — View, Navigation, Background, Border, Overlay, Primary, Secondary, Accent, Danger, Success, Warning, OnAccent, Disabled."
Я посчитал, получается 13 токенов…
12 вместо 100+, или Как быстро и удобно создать базовый интерфейс для ОС [статья-воркшоп]