Перейти к основному содержимому

Вопрос-ответ Дизайн и UX

Как выбрать цвета для сайта?

Марина, Липецк 2,1 тыс. просм.

Добрый день! Делаю сайт для своей студии маникюра и застряла на цветах: хочется чего-то яркого и запоминающегося, но боюсь, что получится аляповато. Есть ли какой-то принцип выбора цветовой схемы, а не просто "нравится - не нравится"?

Елена Захарова UI/UX-дизайнер

ответил

эксперт

Рабочая схема - взять не больше 2-3 основных цветов плюс несколько нейтральных: белый, серый, тёмный текст. Один цвет становится основным и задаёт настроение бренда, второй - акцентным для кнопок и важных элементов, а нейтральные держат фон и текст. Три ярких цвета одновременно почти всегда выглядят аляповато и утомляют глаз.

Цвета выбирают не по личному вкусу, а под смысл и аудиторию бренда. Каждый цвет вызывает у людей устойчивые ассоциации: синий и фиолетовый обычно читаются как надёжность и технологичность, зелёный - природа и здоровье, оранжевый и жёлтый - энергия и доступность, чёрный с золотом - премиум-сегмент. Для студии маникюра часто хорошо работают тёплые розовые и бежевые оттенки с одним ярким акцентом: они передают уют и заботу, не скатываясь в кричащее.

Акцентный цвет должен быть контрастным к фону, а не просто ярким. По рекомендациям WCAG 2.1 (стандарт доступности W3C) контраст текста к фону должен быть не ниже 4.5:1, иначе кнопки и подписи будет плохо видно на телефоне при солнце или людям с ослабленным зрением. Проверить конкретную пару цветов можно бесплатным инструментом вроде WebAIM Contrast Checker: вводите два HEX-кода и получаете конкретную цифру, а не оцениваете на глаз.

Практический порядок такой: сначала соберите референсы - сайты конкурентов и брендов, которые нравятся по духу, выделите там повторяющуюся гамму, затем соберите свою палитру в бесплатном сервисе вроде Coolors, он сразу подсказывает гармоничные сочетания. Готовую палитру обязательно протестируйте не на пустом макете, а на реальном контенте страницы: фотографиях работ, тексте, кнопках - то, что красиво смотрелось на цветовых кружочках, иногда спорит с фотографиями маникюра или логотипом.

Все вопросы темы

Задать свой вопрос

Вопросы проходят модерацию. Ответ специалиста студии публикуется на сайте в течение пары дней.

Похожие вопросы

Все вопросы темы «Дизайн и UX»

Нужен сайт или доработка?

Опишите, что нужно сделать. Вернёмся с расчётом и предложением по структуре.