Light Whights
Здравствуйте, Любовь, дело в том что подход основан на том что для всей палитры оттенков одного цвета используется всего лишь один HEX, просто прозрачность разная. Я для удобства загнал этот ХЕКС в стиль, для демонстрации, и соответственно меняя сам стиль меняю всю палитру оттенков одного цвета, учитывая непрозрачность каждого из квадратиков.
Это все сделано для того что бы ПОДОБРАТЬ подходящий набор, как только вы подобрали то нужно переназначит все пипеткой и из одного ХЕКСа у вас получится к примеру 8 ХЕКСов, если палитра состоит из 8 оттенков.
То есть, отвечая на ваш вопрос, в демонстрации не разные стили а всего лишь один с разной степенью непрозрачности.
Этот способ исключительно для подбора и редактирования палитры, не для того что бы ее так строить в рамках дизайн системы, как только подобрали набор то убираем прозрачность и создаем стили)
PS. не советую использовать прозрачность для финальных цветов, будь то серые или какие другие, возможны кейсы когда это будет плохо работать на проде.
Верно!
Понял, мне тоже не нравится как работают сторонние сервисы, потому использую подход выше.
Вполне неплохое решение, по какому принципу меняются оттенки цветов?
Все так, Юлия, но этот подход о контроле и унификации нежели о скорости, для скорости как раз таки плагины и блендтулы. А о переназначении конечно это так, ведь автоматизация антоним контроля, либо одно либо другое. Из своего опыта, никогда полностью палитру не менял, добавлял дополнительные оттенки либо менял шаг опасити. Но согласен, опыт у каждого свой)
А по поводу комбинации многих заливок и бленд модов, не уверен что это корректно скажется взаимодействии с фронтенд командой так как им нужно будет лишь одно единое значение на каждый цвет, пипетка это дело решает отлично)
Верно, потому и уточнил сам кейс, необходимость возникает в случае работы с дэйтавиз (Чарты, графики, карты и так далее), в более простых интерфейсах как правило это не нужно.
Все верно, через Layer и нужно это делать) и лучше не использовать для таких целей frame а именно rectangle. Кроме того нужно помнить что прозрачность можно использовать только на белом фоне!) Это очень важно, так как цвет непрозрачного ректангла мешается с грязным серым фоном.