Как подобрать цвета для своего сайта? Обзор 4 сервисов

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

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

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

Психология влияния цветов

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

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

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

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

• Красный: цвет молодости и радости. Он отражает смелость, уверенность в действиях и в себе.
• Зеленый: создает мягкий сглажевающе успокаивающий эффект, он вызывает мирный, прогрессивный, спокойный отклик.
• Синий: Отражает доверие, прочность, надежность.
• Черный: генерирует сложный, твердый, безопасный отклик и реакцию.
• Белый: Ясность и простота , чистота – вот, что символизизирует этот цвет.
• Желтый: цвет оптимизма, тепла, дружелюбия.
• Оранжевый: создает удовольствие, дружественность, также уверенность в себе, озорной, веселый эффект.
• Розовый: Эротизм, женственность, романтика, эмоции любви, все это связано с розовым цветом.

Другие особенности, которые следует рассмотреть

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

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

Создание цветовой схемы

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

Adobe Color CC

Ранее известный как Kuler, Adobe Color CC является отличным инструментом для создания цветовых палитр. Вы может выбрать правила цвета, а затем вращать колесо. Вы также сможете вручную настроить каждый цвет в палитре и автоматически другие цвета будут регулироваться с тем правилом, которое вы задали. Вы можете создавать цветовые палитры, загружая фотографии.

Photocopa by COLORLovers

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

Material Palette

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

Coolors.co

Очень простой и понятный сервис по составлению различных цветовых схем. Нажимаете пробел и он автоматически подбирает для вас оптимальную цветовую палитру. При этом вы можете заблокировать некоторые цвета и экспериментировать в пределах выбранных. Вот как это получилось у меня:

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

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