Ваш браузер не поддерживает свойств CSS3 и HTML5.
Загрузите и установите один из современных, безопасных и бесплатных браузеров: Safari, Chrome или FireFox, чтобы насладиться всеми возможностями современного интернета и этого сайта в том числе.

Цвет в web дизайне

Цвет в web дизайне незаслужено отодвигают на дальний план не только заказчики сайтов, но и неопытные web мастера.

ТОЛЬКО ТЕКСТ

Тем не менее, web дизайн - это не просто творческий процесс, он требует знания основ психологии поведения интернет -пользователя.

Хороший web дизайн всегда ориентирован на достижение целей, стоящих перед web ресурсом. Набор целей различен для разных сайтов однако все они сводятся к одному: привлечению и удержанию целевых посетителей.


Цвет в web дизайне с этой точки зрения играет одну из решающих ролей.
Каковы основные ошибки использования цвета в web дизайне?
1. Использование большого количества цветов, равно как многократное использование одного привлекающего цвета. Это рассредотачивает внимание посетителя. Вместо того, чтобы остановить свое внимание на ключевых моментах, посетитель сайта теряет ориентацию, бегая взглядом по цветовым пятнам. В результате, все цветовые акценты сравниваются по своей значимости и теряют актуальность.

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

3. Частое использование контрастных цветов. Профессионалы web дизайна знают, что наиболее предпочтительным для интернет - пользователя является использование на одной web странице цветов, бизких по спектру. Это обеспечивает устойчивое восприятие всей страницы целиком и решает проблему расфокусировки внимания.

Таким образом, стоит еще раз отметить, что при выборе цветовой гаммы web страниц следует ориентироваться на целевую аудиторию сайта. Основные параметры, по которым определяется цветовая схема в web дизайне: культурный (белый цвет в Европе и в Азии имеет различное символическое значение), половой, возрастной, социальный.

Теперь немного о восприятии европейцами основных цветов.

Синий цвет - символизирует спокойствие и гармонию. Хорошо подходит для сайтов, основная цель которых - дать людям определенные знания, дать возможность подумать, проанализировать информацию и т.д.


Розовый цвет - символизирует женственность нежность, любовь. Используется для создания сайтов для женской и детской аудитории. Не применим для web ресурсов с мужской или смешанной аудиторией.


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


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


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


Бежевый цвет - олицетворяет доверие и дружбу. Используется для создания web сайтов, предназначенных для доверительного общения пользователей.


Оранжевый - цвет активности, энтузиазма, равновесия, равно как и аппетита. Хорошо использовать этот цвет для дизайна молодежных, спортивных сайтов, а также для web сайтов объектов питания.


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

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


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

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


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

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


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


Автор: Екатерина Хетагурова

Благодарим за поддержку:

Nicolas Gallagher, Sven Albrecht,Tab Atkins, Chris Coyier, Michelangelo, Chris Spooner, Marco Kuiper, Cameron Moll, Andy Clarke, Soh Tanaka, Dan Zambonini, Zoe Mickley Gillenwater, Smashingmagazine, CODROPS, Code.Google, Developer.apple, jQuery, Ajax.googleapis, Modernizr.

Читайте статьи и следуйте за нами на Twitter.