Психология восприятия цвета на сайте (часть 1)

Психология восприятия цвета у посетителей вашего сайта. Веб-дизайн

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

Значение красного цвета

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

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

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

Восприятие цвета на вашем сайте

Значение зеленого цвета

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

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

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

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

Значение синего цвета

Психология цвета для вашего сайта

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

Значение черного цвета

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

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

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

Еще о психологии восприятия человеком:

Сказать спасибо кнопками ниже:
Сергей

Занимаюсь созданием и продвижением информационных сайтов в интернете. Интересуюсь маркетингом, SEO и SMM. Осваиваю возможности полезного софта для работы.

Оцените автора
( Пока оценок нет )

Добавить комментарий

  1. alexandr

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

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

      Ответить
  2. Рашида Гарифулина

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

    Ответить
  3. Танюшка

    Хм… А у меня в основном различные оттенки зелёного и оранжевый)). Спокойствие и свежесть + энтузиазм и дружелюбие. Ну, норм…)))
    И хотя они, казалось бы, не сочетаются, мне нравится). Я в эту тему почему-то сразу влюбилась))
    Хотя не исключаю, что когда-то сделаю что-то индивидуальное…Не нравится, что точно такая же тема есть у многих сайтов)).

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

      Ответить
      1. Танюшка

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

        Ответить
        1. Вот кстати, в эту субботу нашел один блог с такой же темой, как у тебя. Тоже сначала не понял. Куда я попал? К тебе или еще куда? В общем, чем популярнее тема, тем наибольшая вероятность сходства.
          Татьяна, хочешь себе сделать уникальную тему, не владея знаниями верстки? Советую установить программу Artisteer 4 или выше. В ней ты без труда сможешь создать свою уникальную тему. Попробуй обязательно! *good*

          Ответить
  4. Танюшка

    Ну, название-то разное)))
    Я ж говорю, обнаружить две одинаковые темы могут только блоггеры))
    Пока менять тему не планирую, но в будущем — естественно. Не знаю, рискну ли сама, может, обращусь к спецам, чтоб уж тему так тему!)).
    Но за совет спасибо, может, и сама попробую)
    Эта прога на винде 8.1 пашет?)

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

      Ответить
  5. Юрий

    Использую красный цвет под стиль РЖД на своём сайте, посвящённом игре. Люди не жалуются — Виртуальная-ЖД.рф

    Ответить
    1. У вас совсем небольшой % красного цвета на сайте. Поэтому не жалуются. У вас дизайн нормально выглядит и не бросается в глаза. :-)

      Ответить
Adblock
detector