Блог » Дизайн » Теория цвета в веб-дизайне

Теория цвета в веб-дизайне

Знаете ли Вы, что мнение посетителя о вашем сайте складывается мгновенно? Оно создает у пользователя личное отношение к владельцу сайта и влияет, как на возникновение доверия, так и на его отсутствие. И это до того, как он приступит к знакомству с представленной информацией.

Теория цвета в веб-дизайне

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

  • Значение цвета
  • Использование цвета
  • Цветовые сочетания

. Значение цвета.

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

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

. Графический дизайн. Использование цвета.

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

Проанализируйте собранную информацию и найдите цвета, которые стоит исключить из палитры сайта. С оставшимися работайте.
Кстати, в качестве тестового задания предлагаю подумать – какую реакцию вызовет у человека цветовая гамма с преобладанием красного и зеленого цветов одновременно? Первый означает – «стоп», а второй – «вперед». Предположите, какие действия предпримет ваш посетитель, попав на такую страницу?
Обратимся к первооснове теории цвета. Цветовое колесо – отличная подсказка для выбора. Гармоничнее всего сочетаются цвета, которые на колесе расположены по соседству. Если же вам нужно найти дополняющие цвета, то обратитесь к тем, которые на цветовом круге расположены напротив друг друга.
Можно поработать с глубиной пространства, используя оттенки одного и того же цвета. Учитывайте, что одни цвета, например, белый, желтый, красный и оранжевый – выказывают свое стремление быть впереди; другие – голубой, черный, темно-зеленые, коричневые – создают эффект отступления на задний план. Располагая их на одной плоскости вы можете создать иллюзию объема пространства.
Анализируйте не только значения цветов, но и предпочтения потенциального посетителя. Все предположения можно подтвердить или опровергнуть с помощью опросов целевой аудитории.
Вот образец эксперимента с представителями западной культуры. Каждый из опрошенных рассказал о личном восприятии конкретного цвета. Привожу суммарный результат:
- желтый: счастье;
- коричневый: недотрога;
- белый: чистота, божественность;
- зеленый: удача, счастливый случай и… тошнота, отвращение;
- голубой: надежность;
- красный: отличный вкус, сексуальность;
- черный: высокое качество, невезение, неудача, траур;
- пурпурный: достоинство;
- серебро: технологичность;
- золотой: дорогой, роскошь;
- синий: признан наиболее популярным;
- оранжевый: показал наименьшую популярность.
Обратите внимание, что отношение к некоторым цветам у разных людей из одной целевой группы не совпадает. Проведите свое личное исследование и привлекайте посетителей сознательно. Кстати, то, что притягивает и будоражит подростка, может вызвать неприятие у человека старшего возраста. Тем не менее, взрослый человек терпим к проявлениям юношеского максимализма. Не злоупотребляйте доверием.

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

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

С тех пор я лояльно отношусь к синему цвету. Попытайтесь вычислить из субъективных мнений – объективную предпосылку для предстоящих действий.
При подборе сочетания цветов распространена модель RYB. Она включает в себя три цвета: Red (красный), Yellow (желтый) и Blue (синий). Отсюда и название.
Цветовое колесо
Порядок последовательности цветов соответствует расположению в радуге. Их смешение дает быстрый и предсказуемый результат, но на практике получить все цвета с помощью этой техники невозможно. Тем не менее, ссылки чаще всего выделяют синим, сообщения об ошибке выдают красным, а желтый цвет хорошо дополняет темные блоки.
Взаимное дополнение: на темной страничке будут уместны светлые участки, на светлой – темные. Это важно для оживления страницы. Но этого бывает сложно достичь, если вы используете крупное изображение.
Старайтесь избегать делать сайт слишком темным или слишком светлым. Ищите золотую середину. Так же постарайтесь избегать выделения одной из зон сайта более ярким тоном. Его нужно смягчить таким образом, чтобы он не выделялся из общей цветовой концепции.
Представьте, что одна из дверей вашего автомобиля выкрашена в яркий цвет и придерживайтесь общепринятых правил. Хотя лично я предпочитаю правила нарушать. Правда для этого требуется определенный художественный вкус. Сознательные нарушения правил должны работать на продвижение проекта.
Логотип. Обязательно согласуйте всю цветовую гамму вашего сайта с вашим логотипом. Органичное восприятие вызовет больший эффект запоминания вашей атрибутики при знакомстве. Вы ведь хотите, чтобы вас узнавали? Быть популярным – приятно.
Изучив правила, приступайте к творческим экспериментам. Постарайтесь найти то, чего не открыли другие. Но обязательно используйте чужой опыт. Причем, как положительный, так и отрицательный.
Не останавливайтесь, читайте еще:

ITNews
Автор-обозреватель компьютерной и мобильной техники. Вебмастер, программист. Веду проект ITNewsOnly с 2008 года.

Оставь отзыв о статье "Теория цвета в веб-дизайне"

Зарегистрируйтесь, чтобы добавить комментарий.

© 2010 ITnewsOnly, новости IT. Материалы сайта охраняются законом об авторских и смежных правах.
Использовать материалы без письменного разрешения запрещено. Условия использования сайта.
Protected by Copyscape Online Infringement Checker