Какой лучший цвет для веб-сайтов?

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

Само собой разумеется, что вы должны правильно подобрать цветовую схему своего сайта. Но какие цвета следует использовать? И как их эффективно использовать?

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

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

Готовый? Давайте начнем!

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

Нет объективного единого мнения о том, какой цвет лучше всего подходит для веб-сайта, поскольку все зависит от характера вашего бренда и целевого рынка. Тем не менее, синий и зеленый кажутся безопасным выбором, поскольку большинство клиентов предпочитают видеть их на веб-сайтах.

В целом, потребители также предпочитают более холодные цвета теплым.

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

46% потребителей предпочитают, когда компании используют синий цвет на своих веб-сайтах, что делает его самым предпочтительным цветом среди посетителей веб-сайтов.

Как мы увидим позже, это предпочтение совпадает с общими цветовыми предпочтениями во всем мире.

И, вероятно, это как-то связано с тем, как мы воспринимаем синий цвет. Его часто считают не угрожающим цветом, но успокаивающим, безопасным и профессиональным — тремя чертами, к которым часто стремятся веб-сайты брендов. Но об этих цветовых ассоциациях мы поговорим позже.

Зеленый был вторым наиболее предпочтительным цветом веб-сайта с 30% голосов, а красный занял третье место с 22%.

Интересная статистика цвета сайта:

• 22% потребителей, которые впервые посещают веб-сайт, будут искать привлекательные цвета.
• Но 21% потребителей покинут сайты с диковинными цветами.
• 19% людей ассоциируют холодные цвета с положительными эмоциональными реакциями, по сравнению с 14% для теплых цветов.

Какой самый плохой цвет сайта?

Желтый цвет больше всего не нравится потребителям на веб-сайтах: 23% опрошенных считают, что компаниям не следует использовать его в дизайне своих веб-сайтов. Оранжевый и фиолетовый оказались на втором месте: 22% заявили, что это их наименее любимый цвет на веб-сайте.

Тем не менее, объективно «худшего цвета сайта» не существует. Приведенная выше статистика цветов веб-сайтов говорит нам, какие цвета веб-сайтов, по мнению потребителей, им не нравятся, но это не значит, что они не подходят вам. Все зависит от таких факторов, как индивидуальность вашего бренда и целевая аудитория.

Цветовые предпочтения веб-сайта по демографическим группам

Цветовые предпочтения веб-сайта зависят от пола. И мужчины, и женщины питают слабость к синему и зеленому, но особенно они нравятся женщинам:

• 50% женщин предпочитают видеть на веб-сайтах синий цвет по сравнению с 45% мужчин.
• 34% женщин предпочитают видеть на веб-сайтах зеленый цвет по сравнению с 30% мужчин.

Точно так же цвет, который люди больше всего не любят на веб-сайтах, также, по-видимому, зависит от пола. Женщины больше не любят желтый, а мужчины больше не любят оранжевый.

• 26% женщин считают, что компаниям не следует использовать желтый цвет на своих веб-сайтах.
• 23% мужчин считают, что компаниям не следует использовать оранжевый цвет на своих веб-сайтах.

Цветовые предпочтения также зависят от возраста:

• 43% людей в возрасте от 18 до 24 лет любят фиолетовый цвет на веб-сайтах, но только 17% из тех, кому от 44 до 54 лет, думают так же.

Какая цветовая схема лучше для сайта?

На большинстве веб-сайтов используется не один цвет, а несколько. Сочетание цветов, которые вы используете вместе на своем веб-сайте, является вашей цветовой схемой, и очень важно, чтобы она была правильной.

Согласно данным, вот какие цветовые схемы большинство потребителей считают лучшим выбором для веб-сайтов:

• 26% потребителей предпочитают основные цветовые схемы . Основные цветовые схемы используют основные цвета: красный, желтый и синий.
• 21% потребителей предпочитают дополнительные цветовые схемы . Дополнительные цветовые схемы используют два цвета, которые находятся напротив друг друга на цветовом круге, например, синий и оранжевый или красный и зеленый. Один цвет является доминирующим, а другой – акцентным.
• 20% потребителей предпочитают аналогичные цветовые решения. В аналоговых цветовых схемах используются цвета, расположенные рядом друг с другом на цветовом круге, например, красный с фиолетовым и красно-фиолетовым или желтый с зеленым и желто-зеленым.

Насколько важно пустое пространство?

Только 8% потребителей замечают пустое пространство при первом просмотре веб-сайтов, поэтому пустое пространство так важно в веб-дизайне.

Это помогает создать пространство между элементами, чтобы вы могли направить внимание посетителей на то, что важнее всего, например, на ваши призывы к действию и кнопки покупки. И это помогает предотвратить вид страницы веб-сайта грязной и загроможденной.

Источники: Лучшие дизайнерские фирмы ¹ , Лучшие дизайнерские фирмы ² .

Статистика популярности цвета

Мы рассмотрели любимые цвета пользователей на веб -сайтах, но как насчет их любимых цветов в целом? Давай выясним.

Какой самый любимый цвет в мире?

Исследование Джо Хэллока показало, что помимо того, что синий и зеленый цвета лучше всего подходят для веб-сайтов, они также являются любимыми цветами в мире по всем направлениям.

42% опрошенных назвали синий своим любимым цветом, что делает его лучшим выбором. Зеленый и фиолетовый были вторыми любимыми цветами в мире, набрав по 14% голосов каждый.

Эта статистика подтверждается данными Global Color Survey, проведенного Colorcom. Результаты опроса более 300 000 человек также показали, что чаще всего участники выбирали синий цвет в качестве своего любимого цвета.

Какой самый нелюбимый цвет в мире?

Согласно тому же опросу, проведенному Джо Хэллоком, оранжевый — наименее любимый цвет большинства людей всех возрастов и полов.

30% людей заявили, что им больше всего не нравится оранжевый цвет, в то время как 23% сказали, что коричневый (второй наименее любимый цвет в мире) и 13% сказали, что фиолетовый (третий наименее любимый цвет в мире).

Однако глобальное исследование Colorcom дало несколько иные результаты. По их данным, желтый — самый распространенный наименее любимый цвет.

Самые популярные цвета по полу

Как и в случае с цветами веб-сайтов, любимые цвета людей в целом различаются в зависимости от пола и возраста.

Ниже вы найдете разбивку процента людей любого пола, которые назвали определенный цвет своим любимым, согласно лучшим данным, которые у нас есть.

Топ-10 любимых цветов (женщины):

1. Синий — 35%
2. Фиолетовый — 23%
3. Зеленый — 14%
4. Красный — 9%
5. Черный — 6%
6. Апельсин — 5%
7. Желтый — 3%
8. Коричневый — 3%
9. Белый — 1%
10. Серый — 1%

Топ-10 любимых цветов (мужчины):

1. Синий — 57%
2. Зеленый — 14%
3. Черный — 9%
4. Красный — 7%
5. Апельсин — 5%
6. Серый — 3%
7. Белый — 2%
8. Коричневый – 2%
9. Желтый – 1%
10. Фиолетовый — 0%

Что интересно здесь, так это то, что, хотя оба пола любят синий и зеленый, существует резкая разница в любви к фиолетовому. Среди женщин это второй по популярности цвет. А вот у мужчин меньше всего.

Наименее любимые цвета по полу

Далее, давайте посмотрим на процент респондентов любого пола, которые сказали, что определенный цвет был их наименее любимым, согласно тому же исследованию:

Наиболее распространенные наименее любимые цвета (женщины):

1. Апельсин — 33%
2. Коричневый — 20%
3. Серый — 17%
4. Желтый — 13%
5. Фиолетовый — 8%
6. Зеленый — 6%
7. Белый — 3%

Наиболее распространенные наименее любимые цвета (мужчины):

1. Коричневый – 27%
2. Фиолетовый — 22%
3. Апельсин — 22%
4. Желтый — 13%
5. Белый — 5%
6. Серый — 5%
7. Зеленый — 2%
8. Красный — 2%
9. Черный — 1%
10. Синий — 1%

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

Источники: Colorcom ¹ , Джо Хэллок ¹

Зависят ли цветовые предпочтения от возраста?

Да, цветовые предпочтения, похоже, зависят от возраста. Синий — любимый цвет в мире для разных поколений, но, что интересно, статистика показывает, что чем моложе возрастная группа, тем выше предпочтение зеленого, а чем старше возрастная группа, тем ниже предпочтение зеленого цвета.

Для фиолетового верно обратное: молодым он нравится меньше, а пожилым — больше.

Точно так же оранжевый и желтый кажутся менее популярными среди пожилых потребителей. Эти цвета чаще называют наименее любимым цветом респондентов старших возрастных групп.

Коричневый чаще всего называют наименее любимым цветом в младших возрастных группах.

Какой лучший цвет для кнопок призыва к действию?

Из всех элементов вашего веб-сайта кнопки призыва к действию (CTA), вероятно, являются наиболее важными. Это элементы, которые вы хотите, чтобы ваши клиенты заметили и нажали.

Таким образом, было проведено множество исследований и тестов, чтобы попытаться выяснить, какой цвет лучше всего подходит для призыва к действию. Вот что показывает статистика:

• В сплит-тесте, проведенном Hubspot на веб-сайте Performable, красные кнопки значительно превзошли зеленые кнопки и генерировали на 21% больше кликов.
• Другие тесты показали аналогичные результаты. Например, Dmix обнаружил, что переход на красную кнопку повысил коэффициент конверсии на 34%.
• В то время как большинство исследований сосредоточено на красных и зеленых кнопках (поскольку они наиболее популярны), некоторые сравнивают другие цвета. Одно из таких исследований сравнило синие и оранжевые кнопки и обнаружило, что синие на 9% превосходят оранжевые.

Из этого легко сделать вывод, что красный цвет лучше всего, но это было бы чрезмерным упрощением.

Правда в том, что лучшего цвета для кнопки призыва к действию не существует. Это зависит от случая к случаю, и не существует универсального подхода.

Наиболее важным фактором, по-видимому, является то, что ваши кнопки выделяются среди других цветов на вашей веб-странице. Если основной цвет вашего веб-сайта зеленый, зеленые кнопки, вероятно, не привлекут внимание пользователя так сильно, как красные. Но если основной цвет вашего веб-сайта красный, зеленые кнопки могут подойти.

Источники: Hubspot, CXL.

Почему цвет сайта важен?

Далее давайте посмотрим на статистику веб-сайтов, которая расскажет нам больше о важности цвета в веб-дизайне.

Имеет ли значение цвет сайта?

39% опрошенных потребителей заявили, что цвет — это визуальный элемент, который они больше всего ценят на веб-сайтах компаний. Это делает его вторым визуальным элементом, который ценят потребители, сразу после фотографий/изображений (40%).

42% покупателей основывают свое мнение о веб-сайте только на дизайне (включая цвет).

Среди покупателей, которые не возвращаются на веб-сайт, в 52% случаев это связано с эстетическими элементами (включая цвет).

Другая статистика о важности цвета

Цвета важны не только на вашем веб-сайте — они важны во всех ваших материалах для брендинга, от дизайна вашего продукта до логотипа вашего бренда и не только. Вот почему:

• Около 62-90% первоначальной оценки продуктов потребителем основано только на цвете.
• Цвет может повысить узнаваемость бренда до 80%
• 90% людей считают, что цвета могут помочь привлечь новых клиентов
• 83% считают, что цвет делает их более успешными
• 81% считают, что цвет дает им преимущество перед конкурентами
• 90% считают, что потребители лучше запоминают презентации, когда используются цвета
• Читатели замечают полноцветную рекламу на 26% чаще, чем черно-белую. Исследование, которое обнаружило это, касалось рекламы в журналах, но тот же принцип может быть справедлив и для рекламы на веб-сайте.

Источники: Colorcom ² , Ведущие дизайнерские фирмы ¹ , ResearchGate, Нил Патель, Kissmetrics.

Цветовые ассоциации

Исследования показывают, что люди, по-видимому, имеют определенные ассоциации с определенными цветами. Некоторые из них кажутся врожденными, биологически обусловленными ассоциациями, в то время как другие обусловлены культурой.

При разработке веб-сайта важно помнить об общих цветовых ассоциациях, так как это повлияет на то, как ваш бренд воспринимается посетителями вашего веб-сайта. Вы должны попытаться выбрать цвета, которые представляют индивидуальность вашего бренда и вызывают эмоциональные отклики, к которым вы стремитесь.

Имея это в виду, вот некоторые статистические данные о цветах веб-сайтов, которые показывают, с чем чаще всего ассоциируется каждый цвет, согласно исследованию Джо Халлока.

Доверять

Синий — это цвет веб-сайта, который чаще всего ассоциируется с доверием. 34% опрошенных респондентов сказали, что думают о доверии, думают о синем. Это, вероятно, большая часть причины, по которой синий цвет так популярен на веб-сайтах.

21% респондентов связывают доверие с белым цветом, что ставит его на второе место. Это, вероятно, потому (или, возможно, почему) белый цвет используется в таких условиях, как больницы и лабораторные халаты врачей.

Оранжевый был наименее заслуживающим доверия цветом, выявленным в исследовании. Только 1% опрошенных связал это с доверием.

Безопасность

Синий также является цветом веб-сайта, который чаще всего ассоциируется с безопасностью, набрав 28% голосов. Это неудивительно, учитывая, что безопасность и доверие семантически тесно связаны. Черный также часто ассоциировался с безопасностью (16%). А оранжевый снова оказался внизу списка с 2% голосов.

Скорость

Красный цвет чаще всего ассоциируется со скоростью на 76%. Это, вероятно, связано с основным возбуждающим эффектом красного и его ассоциациями с интенсивностью, яростью и свирепостью. Желтый был вторым с 7%.

Это может сделать красный цвет хорошим выбором для создания ощущения срочности на вашем сайте. Например, вы можете использовать его для выделения срочных предложений.

Дешево/недорого

26% участников ассоциировали оранжевый цвет со словами «дешево/недорого». Желтый занял второе место с 22% голосов, а коричневый — третье с 13%.

Синий был наименее вероятным цветом, который ассоциировался с дешевизной, и только 1% респондентов выбрали его.

Что интересно, так это то, что ассоциация с дешевизной тесно связана с цветовыми предпочтениями. Коричневый, желтый и оранжевый цвета являются наименее любимыми цветами потребителей и чаще всего ассоциируются со словом «дешево».

Высокого качества

43% опрошенных ассоциировали черный цвет с высоким качеством. Вы можете использовать эту ассоциацию с качеством, используя черный цвет в цветовых схемах вашего сайта.

Синий ассоциировался с высоким качеством на втором месте по частоте, его выбрали 20% респондентов. Оранжевый наименее вероятно ассоциировался с высоким качеством, получив 0% голосов.

Высокие технологии

Черный (26%) и синий (23%) также чаще всего ассоциируются с высокими технологиями. Грей занял второе место, его выбрали 23% респондентов.

Страх

41% участников ассоциировали красный цвет со страхом или ужасом. Черные были вторыми с 38%. Если вы работаете над веб-сайтом на тему ужасов, черный и красный — очевидный выбор.

Интересно, что ни один из респондентов не ассоциировал синий цвет со страхом, что еще раз показывает, насколько надежным и успокаивающим воспринимается этот цвет.

Весело

28% опрошенных сказали, что оранжевый цвет больше всего ассоциируется у них с весельем. Желтый был вторым с 26%. Фиолетовый (17%) и красный (16%) также были популярны.

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

Храбрость

29% респондентов заявили, что ассоциируют фиолетовый цвет с мужеством и отвагой. Красный был вторым с 28%, а синий занял третье место с 22%.

Это интересно, поскольку мужество и отвага обычно считаются более мужскими ценностями, но, как мы видели ранее, немногим мужчинам нравится фиолетовый цвет, несмотря на его ассоциации с этими чертами.

Цветовые ассоциации веб-сайтов по Джо Хэллоку

Вот краткий обзор основных цветовых ассоциаций согласно исследованию Джо Хэллока:

• Синий – доверие, безопасность
• Красный – скорость, страх
• Оранжевый – дешево, весело
• Черный – высокое качество, высокие технологии.
• Фиолетовый – храбрость

Цветовые ассоциации сайта по версии Colorcom

Global Color Survey, проведенный Colorcom, также спрашивал респондентов о цветовых ассоциациях. Вот самые распространенные ассоциации для каждого цвета по их данным:

• Желтый – счастье
• Белый – чистота
• Зеленый – удача
• красный – вкусный
• Темно-синий – достоинство
• Серебро – высокие технологии
• Красный – сексуальность
• Черный – траур
• Золото - дорого
• Коричневый – недорогой.
• Красный – мощный
• Синий – надежный
• Золото – высокое качество
• Приглушенный желтый – тошнота.
• Белый – божество
• Черный – невезение

Источники: Colorcom ¹ , Джо Хэллок ²

Статистика цвета логотипа сайта

Ваш логотип — еще один ключевой визуальный элемент на вашем сайте. Вот некоторые статистические данные о цветах веб-сайтов, которые относятся конкретно к логотипам.

Важность цвета в логотипах веб-сайтов

В тесте Reboot Online 78% клиентов смогли вспомнить основной цвет логотипов, которые им кратко показывали, но только 43% смогли вспомнить название.

В результате цвета, которые вы используете в активах своего бренда (например, на своем веб-сайте), лучше запоминаются и, возможно, важнее, чем даже название вашего бренда.

Наиболее распространенные цвета логотипа веб-сайта

Черный — самый популярный фирменный цвет среди ведущих брендов. Он используется в логотипах 34% из 100 крупнейших мировых брендов.

Процент брендов, которые используют каждый цвет в своем логотипе:

• 34% используют черный цвет
• 30% используют синий
• 30% используют красный
• 9% используют желтый
• 7% используют зеленый
• 6% используют серебристый/зеленый
• 5% используют оранжевый
• 2% используют коричневый

Источник: Перезагрузка онлайн

Сколько здесь цветов?

Никто не может точно сказать, сколько существует цветов, но лучший ответ, который мы можем дать, — 10 миллионов.

Это максимальное количество цветов, которые может видеть человеческий глаз, но существует бесконечно больше цветов, которые мы не можем воспринимать.

Если вам интересно, как мы пришли к цифре в 10 миллионов, это элементарная математика. Человеческий глаз может видеть 1000 оттенков света. И в этих оттенках света мы можем обнаружить 100 различных уровней оттенков красного-зеленого и 100 различных уровней оттенка желтого-синего.

Умножьте это все вместе (1000 х 100 х 100), и вы получите 10 миллионов.

Конечно, все немного сложнее — это просто краткое упрощенное объяснение.

Последние мысли

На этом мы завершаем обзор статистики цветов веб-сайтов.

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

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

Если вы хотите узнать еще больше о том, как выглядит хороший веб-дизайн, посмотрите наш недавний обзор статистики дизайна веб-сайтов.

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

Удачи!