Цвет в дизайне: полное руководство для начинающих

🎨 Цвет как инструмент конверсии: почему ваш дизайн не продает? Многие считают выбор цвета «вкусовщиной», но в продуктовом дизайне и e-com это чистая математика. По статистике, 85% покупателей принимают решение на основе цвета, а правильная палитра способна поднять конверсию карточки товара на 15-25%. Если вы работаете с маркетплейсами или интерфейсами, вот база, которая поможет перестать «гадать» и начать проектировать осознанно. 📐 Системы координат: RGB, HEX и HSL Для работы в Figma и передачи макетов в разработку важно понимать разницу: RGB: Аддитивная модель для экранов. HEX: Шестнадцатеричный код — стандарт для веба. HSL (Hue, Saturation, Lightness): Самая «человечная» система. В ней проще всего создавать палитры, меняя только насыщенность или яркость при сохранении одного оттенка. 🧠 Психология и контекст Цвет — это самый быстрый способ донести месседж до мозга. Красный: Создает ощущение срочности (FOMO). Идеально для кнопок Call to Action и акций. Синий: Траст, стабильность. Выбор финтеха и крупных IT-экосистем. Зеленый: Здоровье и экология. В 2026 году тренд на “eco-friendly” только растет. Фиолетовый: Роскошь и креатив. Кейс Wildberries доказал, что цвет может стать мощным якорем узнаваемости. ⚖️ Правила «сильного» дизайна Чтобы дизайн не выглядел хаотично, я рекомендую придерживаться двух стандартов: Правило 70/30: 70% — нейтральный фон (белый, бежевый, светло-серый), который дает «воздух». 30% — акцентные цвета для ключевых офферов и кнопок. Доступность (WCAG): Новички часто забывают про контраст. Для обычного текста минимальное соотношение — 4.5:1. Если ваш текст «сливается» с фоном, вы теряете до 30% кликов просто потому, что их неудобно совершить. 🛠 Стек инструментов для работы Не нужно подбирать цвета «на глаз». Используйте проверенные ресурсы: Adobe Color — для работы с цветовым кругом и гармониями. Figma Color Picker — чтобы быстро вытянуть палитру из референса или фото товара. WebAIM Contrast Checker — маст-хэв для проверки контрастности по стандартам доступности. Color Hunt — для поиска трендовых сочетаний. Кейс из практики: на Ozon замена серого фона на чистый белый (RGB 255) в сочетании с яркой акцентной плашкой часто дает прирост в CTR просто за счет соблюдения гайдлайнов и чистоты восприятия. Коллеги, а какими правилами при выборе палитры руководствуетесь вы? Идете от трендов или от жестких требований брендбука? 👇 #дизайн #маркетинг #конверсия #ecom #uiux #сетка

Цвет в дизайне: полное руководство для начинающих | Сетка — социальная сеть от hh.ru