Всем привет! Правильный подбор цвета на сайт - та еще головная боль для разработчика, который создает проекты "под ключ". Это я понял когда сам чуть углубился в теорию передачи эмоций через цвет, и в маркетинг. Чуть ошибся - получай повышение процента отказов и снижение конверсии.
Но не все так плохо. Сегодня Интернет предлагает нам несколько классных инструментов для подбора цветовых сочетаний, о которых я и хочу рассказать.
Почему для сайта важны оптимальные цветовые сочетания
Вам когда-нибудь случалось уходить с сайта только потому, что уж очень "вырвиглазно" подобраны цвета? Мне - частенько. И многим пользователям, я думаю, тоже. Происходит это по нескольким причинам:
- Глаз - не машина, и он банально устаёт от длительного просмотра контрастных сочетаний.
- Контрастные цвета часто вызывают противоречивые эмоции, не такие, как ожидает увидеть маркетолог или веб-дизайнер, не знакомый с психологией.
В итоге, от неправильного подбора цвета снижается конверсия сайта и растёт показатель отказов, что снижает доверие в глазах поисковых систем.
Но как же правильно подобрать цвета для сайта? Вариантов несколько:
- нанять профессионального дизайнера;
- поискать вдохновение на профильных ресурсах типа pinterest.com и скопировать цветовую схему в свой проект (я часто так делаю в своих проектах, которые создаю "под ключ");
- подобрать оптимальное сочетание цветов с помощью профессиональных сайтов. Об этом я и расскажу далее.
Сайты для правильного подбора цвета
Accessiblepalette.com
Начать мини-обзор хочу с сайта https://accessiblepalette.com/. Этот проект понравился мне тем, что в работу можно взять сразу несколько основных тонов:
Также на сайте есть небольшой мини-гайд по наиболее часто используемым цветовым моделям и т.п. Очень полезный сайт, рекомендую.
Colorscheme
Отечественный проект https://colorscheme.ru я использую для своих сайтов под ключ уже несколько лет. Тут всё просто, зашел - и подбирай цвет.
Изначально доступен для работы лишь один основной тон, и для него уже подбирается цветовое сочетание в меню в верхней части сайта. В отличие от первого героя обзора, здесь можно подобрать контрастную модель, триаду, тетраду, что делает проект более полезным для дизайнера и вебмастера.
Колдунщик цветов Яндекса
Популярный когда-то инструмент, где можно подобрать цветовой код и узнать прикольное название любимого цвета (я и не знал, что их ТАК много, этих названий). Например, можно по-быстрому подобрать цвет Фейсбука, цвет Вконтакте, цвет Телеграма и т.п. По уровню полезности - ну так себе, первые два инструмента я использую гораздо чаще.
Послесловие
Работая с любым из представленных в мини-обзоре инструментов, можно получить замечательные результаты в ваших проектах. Главное - избегать совсем контрастных цветовых сочетаний и думать в первую очередь об удобстве восприятия сайта пользователем, а не о модных цветовых сочетаниях. Тогда и пользователь обязательно ответит проекту взаимностью.
А какие инструменты для подбора цвета используете вы? Напишите в комментариях. До новых встреч на страницах Блога вебмастера!