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

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

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

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

Подбор цвета для сайта

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

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

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

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

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

Инфографика влияния цвета на эмоции людей

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

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

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

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

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

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

Adobe Color CC

adobe color cc

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

Photocopa by COLORLovers

Photocopa by COLORLovers

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

Material Palette

material palette

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

Coolors.co

coolors

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

Выбор цвета для сайта в цветовой палитре

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

Подбор цвета - цветовые комбинации для сайта

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

Самые читаемые:

Fetch – на помощь пушистому другу!
Есть игры, пос...
VShare установка приложений без App Store
Все владельцы ...
Adobe Spark Post делаем креативные обложки для соц. сетей [Free]
Продолжаем сер...
Добавляем комментарии и «Pull to Refresh» к парсеру новостей Видеоурок
Сегодня мы про...
Британскими министрам запретили использовать Apple Watch
Умные часы App...
Легендарная игра Super Mario Run выйдет на iPhone и iPad 15 декабря
В скором време...
Никогда не берите Ладу Гранту!
Русские машины...
«Зачеркнутый текст» используем теги HTML
Для зачеркиван...
Добычи дешевого контента для сайта
Сегодня актуал...
Как исправить ошибку в WP «Гуглбот не может получить доступ к CSS и JS файлам»
Всем привет дор...
Привет от reg. ru
Привет от reg.r...
Извлекаем url миниатюры записи поста WordPress
С помощью это...
Хакеры отаковали livejournal
Хакеры отаковал...
Прощай ЖЖ
Прощай ЖЖ Сегод...
Купоны Google AdWords
Купоны Google A...
Доменам. co. cc пришел конец
Доменам .co.cc ...
Письма счастья
Письма счастья ...
Сколько можно заработать на gogetlinks
Сколько можно з...
Твиттер и ЖЖ акция
Твиттер и ЖЖ ак...
Как привлечь рекламодателей на сайт
Добрый день дру...
Добавляем метрику на CMS Megagroup
Всем снова боль...
Покупка ссылок дело не простое!
Сегодня в рубр...
Ренд Фишкин: Завязано ли SEO на доступности сайта и качестве контента?
Новое видео от...
Дайджест октября 2013
Давно я чтото ...
Самые популярные блоги мира ТОП 10
На этой страни...
10 000р на сайте в 4 страницы с Zippro
Нашел интересн...
Курс выживания манимекера после АГС!
Привет я Сео-К...
Funkyshit
Собстна сабжжж...

Оставьте первый комментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*