Основные принципы в подборе цветов и как выбрать цвет для сайта

цвета

Приветствую всех на Blog-Bridge.ru. С вами Екатерина Калмыкова. Давайте представим, что вы решили получать дополнительный пассивный доход в интернете и для этого решили создать свой блог. Определились с темой, выбрали хостинг, зарегистрировали домен, установили Вордпресс. А дальше перед вами встал выбор, каким сделать ваш проект, в каких красках?

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

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

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

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

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

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

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

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

Существуют основные принципы подбора цветов.

принципы-подбора-цвета

  • Используйте контраст. Этот принцип особенно актуален, если на вашем ресурсе консолидируется много текстовой информации. Самый распространенный, но от этого не менее актуальный — это черно-белый контраст. Читателю лучше читать черный текст на белом фоне, а не как иначе. Информация, размещенная таким образом, легче воспринимается. Позаботьтесь о своих читателях, ведь у некоторых из них возможны проблемы со зрением. Очень часто, гуляя по интернету, я видела у многих блогеров в сайдбаре размещен какой-либо продукт, отдаваемый за подписку. Так вот у многих картинка продукта (обложка книги и курса) сливается с фоновым цветом. В таком случае также лучше использовать контраст. Это поможет выделить данную информацию, тем самым привлечь внимание посетителя. Используя контраст при продаже своего инфопродукта или услуги, вы способствуете увеличению конверсии.
  • Используйте сочетание не более трех цветов. Не «разукрашивайте» свой сайт во все цвета радуги, не делайте его вызывающе ярким. Поверьте, если вы думаете, что использовав максимум все цвета, вы увеличите посещаемость своего сайта — вы ошибаетесь. Результат будет прямо противоположный. Три-четыре цвета вполне хватит, чтобы оформить сайт. Необходимо выдерживать цветовую окраску элементов сайта, то есть один и тот же элемент должен на всех страницах быть одним цветом. Например, кнопка «Оплатить» должна быть везде голубой, а не на одной странице голубой, на другой – красной, на третьей – зеленой. Пользователь этого не поймет, запутается, насторожится, задумается. В общем, он может предпринять массу действий, кроме одного нужного вам «оплатить».
  • Используйте естественные цвета. Особенно этот принцип актуален для таких сайтов, как о кулинарии, о здоровье. Лучше и уместнее всего использовать пастельные, спокойные тона, а не искусственные, раздражающие.
  • Используйте цвета, подходящие для вашей целевого посетителя. Приведу простой пример, чтобы сразу стал понятен этот пункт. Если ваш сайт посвящен женской тематике, то и цвета должна быть соответствующие: нежные, приятные, но никак не изображение крутой тачки на черном фоне. Не забывайте, что сайт вы делаете для аудитории. Поэтому необходимо, чтобы им было комфортно находиться на вашем ресурсе, несмотря на то, что именно эта тачка и этот цвет являются вашими любимыми.

Статья в тему:

Цветовая палитра сайта и виды цветовых моделей

Значения цветов

У каждого цвета есть свое значение, по которому их можно поделить на три группы: тёплые, холодные и нейтральные цвета.

характеристики-цветов

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

Желтый – оптимизм и молодость. Встречала много сайтов на детскую тематику именно в этой цветовой гамме.

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

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

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

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

Оранжевый – решительность и смелость.

Сиреневый – романтика и женственность. В основном используется для сайтов женской тематики, о красоте, об уходе за собой.

Фиолетовый – мягкость и спокойствие.

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

Инструменты для подбора цветов

Для помощи в подборе цветов можно обратиться к специальным программам. Приведу некоторые из них.

Adobe kuler – программа, помогающая подобрать подходящие цветовые сочетания.

адоб-кулер

Также в этом сервисе можно посмотреть сочетания цветов.

сочетания-цветов

ColorJack – программа, позволяющая не только подобрать сочетающиеся цвета, но и воспользоваться уже готовыми сочетаниями.

колор-джек

COLOURLovers – веб-ресурс, на котором собрано множество палитр, которые можно скачать и применить для своего сайта.

колор-лаверс

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

А как вы подбирали цвета своему сайту? Самостоятельно или обращались к профессионалу?

До новых встреч!

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

Подписывайтесь, чтобы не пропустить выход данного поста!

Екатерина Калмыкова

Поделись с друзьями:

Комментариев: 3

  1. Равиль

    У меня цвет по умолчанию как стоял, так и стоит.

    Ответить
  2. Алевтина

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

    Я не занималась подбором цветов, дизайнер все сама сделала, умничка.

    Ответить
    1. Екатерина Калмыкова

      Алевтина, дизайнер вам все очень симпатично сделал. Каждый элемент продуман и сочетается с дизайном в целом.

      Ответить

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

=) 8) :( ;( ;) :P :-D =-O :-! *IN LOVE* %) *CRAZY* *LOL* ]:-> *MACHO* *EEK*