«Близько 62-90 % першого враження споживача від продукту залежить лише від кольору.», Journal of the Academy of Marketing Science
Чому кольори важливі для вашого сайту?
Кольори не просто косметична деталь. Це один із найдієвіших інструментів для створення першого враження, адже колір користувач помічає одним із перших. Окрім сильного першого враження, кольори допомагають ефективно спрямовувати дії користувача та підсвідомо передавати цінності бренду.
«39 % людей кажуть, що колір є найважливішим візуальним елементом сайту.», Small Business Trends/KoMarketing
Психологія кольору: що каже колір вашого бренду?
Кольори по-різному впливають на різних людей, але існує загальний консенсус щодо того, як люди реагують на кольори:
- Синій Довіра, безпека, професійність
- Зелений Зростання, здоров'я, стабільність, природа
- Червоний Швидкість, терміновість, пристрасть
- Чорний Вишуканість, офіційність, статусність
- Жовтий Оптимізм, попередження, енергія
- Фіолетовий Розкіш, креативність, магія
- Білий Чистота, простота, мінімалізм
Синій колір неодноразово впевнено перемагав в опитуваннях. Він передає професійність і безпеку, тому й поліція вдягається в синє.
Практичний посібник: як підібрати гармонійну палітру?
Основи гармонії кольорів
- Монохромність Ви використовуєте лише один колір і його відтінки. Найбезпечніший і найстриманіший вибір.
- Аналогова гармонія Ви берете на колірному колі 2-3 сусідні з основним кольори. Вони гармонійні від природи.
- Комплементарність (додаткові кольори) Колір навпроти вашого основного. Дає найвищий контраст і особливо добре пасує для кнопок CTA.
Почати створювати палітру можна з безкоштовних інструментів, таких як Adobe Color Wheel і Color Hunt.
Значення відтінків
- Налаштування насиченості Вища насиченість додає енергії, нижча заспокоює.
- Налаштування яскравості Темніші кольори створюють солідніший настрій, а світліші додають легкості.
Як перетворити кольори на гроші?
Колір кнопок CTA має кричати користувачеві: «Натисніть тут!» В A/B-тесті HubSpot і Dmix червоні кнопки випередили зелені за конверсією аж на 21 %.
Висновок тесту не в тому, що червоний є найкращим кольором для кнопок, а в тому, що контраст понад усе. Сигнальні жилети не випадково жовті, а вогнегасники червоні не заради жарту.
Пам'ятайте про доступність
Забезпечте достатній контраст між текстом і фоном. Читабельність завжди важливіша за красу. Перевірте вимоги WCAG. Залишайте вільний простір (white space) між елементами, щоб спрямувати увагу відвідувачів на головне.
