🎨 Как перестать подбирать цвета на глаз и начать работать с колористикой системно
Когда в проекте нет нормального инструментария, работа с цветом быстро скатывается в ручную подгонку: этот оттенок вроде подходит, этот чуть темнее, этот надо проверить на контраст потом. Проблема в том, что такой подход плохо масштабируется, особенно если вы собираете продуктовую палитру, темы или дизайн-систему.
Таня Бублик собрала очень практичный набор сервисов для работы с колористикой. Часть помогает понять, как вообще живет цвет в разных моделях, часть полезна для сборки тоновых растяжек, проверки контрастности и работы с OKLCH. Хороший список для тех, кто хочет перейти от вкусовщины к более системной работе с цветом.
Кстати, там ещё первая часть есть про основы работы с цветом, посмотрите тоже, там прям база очень полезная
Внутри:
– Что такое hue, chroma, lightness, saturation и brightness;
– Чем полезен Hueplot, если хотите наконец понять цветовые модели;
– Как Foundation помогает быстро собирать цветовые шкалы в Figma;
– Зачем дизайнеру вообще смотреть в сторону OKLCH, а не только RGB и HSL;
– Какие инструменты подходят для тоновой растяжки, проверки контрастности и калибровки палитры;
– Чем отличаются Atmos, ColorBox, Hueton и Pallete App по задачам;
– Где удобнее валидировать палитру перед переносом в дизайн-систему;
– Какой набор инструментов реально помогает собирать продуктовую колористику быстрее и аккуратнее.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
