Мастер веб-дизайна. Урок №4 — «Как манипулировать вниманием посетителя с помощью цвета»

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

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

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

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

Синий цвет символизирует мир, надёжность, уверенность в себе. Он создает ощущение спокойствия и доверия. Часто синий цвет ассоциируется с чистотой воздуха и глубиной океана. Кстати, глядя на эту картинку, мы это можем хорошо себе представить и прочувствовать. Из негативных эмоций у синего – это депрессия и безразличие. Так же он может вызывать ощущение какого-то холода, особенно это хорошо получается, если использовать светло-голубые оттенки. Работая, я заметил, что чем светлее синий, чем больше он переходит в голубой, тем больше усиливаются негативные эмоции, чувство холода и безразличия начинают возрастать. В общем, грамотно используйте этот цвет, его оттенки. Думаю, вы уже понимаете, что можете управлять эмоциональным состоянием посетителей ваших сайтов и вам нужно всего лишь этому научиться и вы будете практически манипулировать вниманием и действиями посетителей сайтов. Это очень классная возможность и нужная возможность для веб-дизайнера. Вам это нужно обязательно освоить.

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

Ну, а теперь давайте рассмотрим совершенно противоположный цвет. Белый. Белый цвет – это простота, совершенство, чистота, свет, безопасность и единство, так  же, конечно, это мир. Из негатива – это какая-то холодность и отстранённость от всего. На белом фоне легче всего читать, на нем выразительно смотрится практически вся графика. Кстати, на этом сайте это отлично продемонстрировано. Особенно классно будет смотреться, если вы будете использовать тени, отражения, свечения, блики. Используйте, этот цвет для сайтов, на которых предполагают проводить очень много времени и очень много что-то читать. Это могут быть те же информационные порталы, блоги, форумы. В общем, на этих сайтах, я рекомендую, использовать белый цвет как приоритетный и он должен быть примерно на 80 % всего дизайна.

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

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

Коричневый может означать дружбу, какие-то события, землю. Очень часто шоколад ассоциируется с коричневым, а также это может вызывать какие-то ассоциации с надежностью, ну, и, конечно, миром. Так же некоторые люди, видя коричневый, думают о каком-то тяжелом труде, о какой-то практике. Из негатива у этого цвета всего два пункта: первый – это грязный и второй — это скучный цвет. Он не вызывает каких-то ярких ощущений, каких-то сильных эмоций, наоборот, он даже как-то успокаивает. По моим наблюдениям, это один из самых распространенных цветов на зарубежных блогах. Не знаю почему, но его очень любят использовать американские блогеры. Причина, наверное, в том, что он не отвлекает от контента, немного успокаивает, внушает доверия, также этот цвет очень часто используют на сайтах ресторанов и компании, чья деятельность связана с деревом. Это могут быть какие-то мебельные компании, деревообрабатывающие, строительные, ну, и прочие. Я рекомендую использовать его именно в этих направлениях. И у нас остался последний цвет. Смотрим что это. А это – розовый.

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

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

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

Ну, что ж, на этом все. Этот урок мы заканчиваем. Я желаю вам удачи и успехов в освоении этого, довольно нелегкого дела. До встречи в следующих видеоуроках!

Пройдите курс "Профессия веб-дизайнер" за 10 дней бесплатно:



Понравилась статья?
Сделайте доброе дело — поделись ей со своими друзьями и коллегами, кликнув по всем кнопкам соц.сетей:

Нравится
comments powered by HyperComments