Как выбрать цвета для сайта?
Марина, Липецк 2,1 тыс. просм.
Добрый день! Делаю сайт для своей студии маникюра и застряла на цветах: хочется чего-то яркого и запоминающегося, но боюсь, что получится аляповато. Есть ли какой-то принцип выбора цветовой схемы, а не просто "нравится - не нравится"?
Елена Захарова UI/UX-дизайнер
ответил
Рабочая схема - взять не больше 2-3 основных цветов плюс несколько нейтральных: белый, серый, тёмный текст. Один цвет становится основным и задаёт настроение бренда, второй - акцентным для кнопок и важных элементов, а нейтральные держат фон и текст. Три ярких цвета одновременно почти всегда выглядят аляповато и утомляют глаз.
Цвета выбирают не по личному вкусу, а под смысл и аудиторию бренда. Каждый цвет вызывает у людей устойчивые ассоциации: синий и фиолетовый обычно читаются как надёжность и технологичность, зелёный - природа и здоровье, оранжевый и жёлтый - энергия и доступность, чёрный с золотом - премиум-сегмент. Для студии маникюра часто хорошо работают тёплые розовые и бежевые оттенки с одним ярким акцентом: они передают уют и заботу, не скатываясь в кричащее.
Акцентный цвет должен быть контрастным к фону, а не просто ярким. По рекомендациям WCAG 2.1 (стандарт доступности W3C) контраст текста к фону должен быть не ниже 4.5:1, иначе кнопки и подписи будет плохо видно на телефоне при солнце или людям с ослабленным зрением. Проверить конкретную пару цветов можно бесплатным инструментом вроде WebAIM Contrast Checker: вводите два HEX-кода и получаете конкретную цифру, а не оцениваете на глаз.
Практический порядок такой: сначала соберите референсы - сайты конкурентов и брендов, которые нравятся по духу, выделите там повторяющуюся гамму, затем соберите свою палитру в бесплатном сервисе вроде Coolors, он сразу подсказывает гармоничные сочетания. Готовую палитру обязательно протестируйте не на пустом макете, а на реальном контенте страницы: фотографиях работ, тексте, кнопках - то, что красиво смотрелось на цветовых кружочках, иногда спорит с фотографиями маникюра или логотипом.
Задать свой вопрос
Вопросы проходят модерацию. Ответ специалиста студии публикуется на сайте в течение пары дней.
Вопрос отправлен на модерацию. После проверки он появится на сайте вместе с ответом.
Вопрос не отправлен: нужно подтвердить согласие на обработку персональных данных.