Дизайн и конверсия

Какие цвета сочетаются для сайта?

Андрей, Самара 2,3 тыс. просмотров

Делаю лендинг для автомойки самостоятельно, выбираю цвета в конструкторе и не понимаю, какие сочетания вообще работают - беру фирменные цвета логотипа, и получается пёстро.

Дмитрий Акиндинов разработчик лендингов, 15 лет практики

ответил

Рабочая формула - не больше трёх цветов на странице: основной фон, обычно белый или светло-серый, занимает 60% площади; дополнительный цвет бренда, например синий или зелёный, - около 30%; и один яркий акцентный цвет только для кнопки действия - оставшиеся 10%. Акцентный цвет не должен встречаться больше нигде на странице, иначе кнопка перестаёт выделяться среди остального.

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

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

Отдельно проверяйте контраст текста и фона - это не вкусовщина, а требование читаемости: для обычного текста нужно соотношение не ниже 4,5 к 1, для кнопок и крупных заголовков - от 3 к 1. Красивое на макете сочетание светло-серого текста на белом фоне на телефоне под солнцем может просто не читаться. Проверить любую пару цветов можно за минуту в бесплатном калькуляторе вроде WebAIM Contrast Checker - вводите два HEX-кода и получаете число.

Не нашли свой вопрос

Задайте его напрямую

Отвечаю сам, на почту, обычно в тот же день. Разбор самых частых вопросов потом попадает в этот раздел.

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

Все вопросы темы "Дизайн и конверсия"

Помогу выбрать

Сомневаетесь — напишите, разберёмся за 10 минут

Расскажете про ваш бизнес и задачу — подскажу, что нужно: лендинг, многостраничник или вообще не сайт. Без обязательств, бесплатно.

Отвечаю в течение 15 минут в рабочее время (будни 11:00–20:00 МСК). Если удобнее e-mail: 9123578@gmail.com

Telegram TG MAX MAX Звонок