Дизайн и UX
Какие цвета выбрать для сайта: психология цвета и конверсия
Как цвет влияет на восприятие сайта, как подобрать палитру под нишу, какие цвета лучше для CTA-кнопок и как избежать перебора.
· 4 мин чтения
Цвет — это первое, что фиксирует мозг посетителя. По исследованиям, до 90% первого впечатления о сайте формируется цветом и оформлением, и только 10% — содержанием.
Что какие цвета транслируют
- Синий — доверие, безопасность (банки, IT)
- Зелёный — здоровье, экологичность, рост
- Красный — энергия, срочность, акции
- Жёлтый — оптимизм, молодость, доступность
- Чёрный/тёмный — премиум, лакшери
- Бежевый/пастель — забота, уют, beauty
Правило 60–30–10
Базовый цвет занимает 60% площади (фон), вторичный — 30% (блоки и заливки), акцентный — 10% (кнопки и важные элементы). Такой баланс выглядит профессионально и не утомляет.
Как подобрать кнопку CTA
- Выберите цвет, контрастный к фону
- Не используйте серый — он сливается
- Тестируйте 2 варианта: тёплый (оранж/красный) и яркий (бирюза)
- Один тип кнопки = одно действие на странице
Хороший приём — взять палитру конкурента, который вам нравится, и адаптировать под себя. Главное — не копировать дословно, а использовать как ориентир.
Готовый сайт за 15 минут — без программистов
Опишите идею в чате с ИИ — Webstarter соберёт лендинг или многостраничный сайт под ваш бизнес.
Сгенерировать сайтЧитайте также
Дизайн и UX
Современный дизайн сайта 2026: тренды, которые работают
Главные тренды веб-дизайна 2026: крупная типографика, мягкие цвета, микроанимации и дать глазу отдохнуть. И что из старого пора убрать с сайта.
Дизайн и UX
10 ошибок дизайна, из-за которых уходят с сайта
Чек-лист из 10 типовых ошибок: контрасты, шрифты, кнопки, мобильная версия. Что чаще всего отпугивает посетителей и снижает конверсию.
Дизайн и UX
Шрифты для сайта: как сделать, чтобы текст читался
Какие шрифты использовать на сайте в 2026 году, как комбинировать пары и какие размеры выбрать для заголовков и текста.
Дизайн и UX
Анимации на сайте: где помогают, а где раздражают
Какие микроанимации повышают конверсию, как использовать скролл-анимации без перегруза и почему «громкие» эффекты вредят сайту.