Независимо от того, обезвреживаете ли вы бомбу замедленного действия или пытаетесь создать достойно выглядящий сайт, если вы выберете неправильный цвет — вы обречены. Итак, неправильный выбор цвета для сайта клиента не может быть вашей смертью, но это может ограничить вашу начинающую карьеру веб-дизайнера. Выбор цвета — дело непростое. Есть эстетические, индивидуальные и практические соображения, которые необходимо учитывать. И что еще хуже, большинство современных дисплеев могут отображать более шестнадцати миллионов цветов. Это бесконечное количество ужасных цветовых комбинаций, ожидающих своего появления!
К счастью, нет необходимости быть консультантом по цветам, несущим образец, чтобы сделать правильный выбор цвета. Доступно множество знаний: от обидчивых (как мне нравится их называть) психологических руководств до проверенных теорий цвета, которые помогут вам сделать правильный выбор, когда дело доходит до цвета.
Цветовая психология — это область исследований, посвященная анализу эмоциональных и поведенческих эффектов, вызываемых цветами и сочетаниями цветов. Владельцы сайтов электронной коммерции хотят знать, какой цвет заставит посетителей их сайтов тратить больше денег. Домашние декораторы имеют цвет, который превратит спальню в спокойное место дзен. Владельцы ресторанов быстрого питания хотят знать, какие цветовые сочетания заставят вас хотеть увеличить размер вашей еды. Как вы можете себе представить, цветовая психология — это большой бизнес.
Хотя важно знать, как ваш выбор цвета может повлиять на массы, идея о едином, едином психологическом отклике на определенные цвета ложна. Многие ответы, которые цветовые психологи приписывают определенным цветам, основаны на индивидуальном опыте. Интересно также отметить, что многие культуры имеют совершенно разные ассоциации с цветами и их интерпретации. Имея в виду эти предостережения, давайте рассмотрим некоторые общие психологические ассоциации, которые большинство людей в западных культурах имеют в ответ на определенные цвета.
Цветовые ассоциации
Описание эмоциональных связей, которые люди могут иметь с цветами, может быть очень хипповой темой. Если вам трудно в это поверить, просто зайдите в свой любимый музыкальный интернет-магазин и попробуйте несколько треков из Colors by Ken Nordine. Хотя большинство дизайнеров не остановятся на том, чтобы полагаться исключительно на предполагаемые значения, характеристики и характерные особенности конкретных цветов, все же удобно иметь представление об эмоциональных свойствах некоторых основных цветовых групп.
красный
Красный цвет имеет репутацию стимулирующего адреналина и артериального давления. Наряду с этими физиологическими эффектами красный также увеличивает метаболизм человека; это захватывающий, драматичный и насыщенный цвет. Красный также цвет страсти. Ничто не говорит о любви, как о покраске стены в ярко-красный цвет в День святого Валентина для вашей возлюбленной, как показано на Рисунке 1.1: «Красный цвет, привязанность (два галлона!)». Более темные оттенки красного, такие как бордовый и темно-бордовый, имеют богатое, снисходительное чувство к ним — на самом деле, они могут быть довольно неприглядными. Подумайте об этих цветах, когда проектируете что-нибудь для винных энтузиастов или ценителей хорошей жизни. Более землистые, коричневатые оттенки красного связаны с сезоном осени и урожая.
Рисунок 1.1. Красный, цвет привязанности (два галлона!)
апельсин
Как красный, оранжевый — очень активный и энергичный цвет, хотя он не вызывает страсти, которую может красный. Вместо этого апельсин, как думают, продвигает счастье, и представляет солнце, энтузиазм и творческий потенциал. Оранжевый — это более неформальный и менее корпоративный цвет, чем красный, что, возможно, и является причиной, по которой дизайнеры Gowalla, работающие на основе определения местоположения, выбрали его для своего логотипа. Поскольку апельсин не часто появляется в природе, он обычно прыгает на нас, когда мы его видим. По этой причине его часто используют для спасательных жилетов, дорожных конусов и охотничьих жилетов. Поскольку апельсин также стимулирует обмен веществ и аппетит, он отлично подходит для продвижения еды и приготовления пищи. Наверное, поэтому изображение мандарина на рисунке 1.2 «Апельсин, ты рад, что я не сказал банан?» Заставляет тебя голодать, даже если ты не любишь цитрусовые.
Рисунок 1.2. Апельсин, ты рад, что я не сказал банан?
желтый
Подобно оранжевому, желтый является активным цветом, и будучи хорошо видимым, он часто используется для такси и предупреждающих знаков. Это также связано со счастьем и, как показано на рисунке 1.3, «Желтый, цвет смайликов», является фирменным цветом смайликов. Оригинальные апельсиновые и лимонно-лаймовые ароматы спортивного энергетического напитка Gatorade по-прежнему остаются самыми продаваемыми продуктами бренда; это, вероятно, связано, по крайней мере частично, с энергетическими характеристиками, связанными с оранжевым и желтым цветами.
Рисунок 1.3. Желтый, цвет смайликов
зеленый
Зеленый чаще всего ассоциируется с природой. Это успокаивающий цвет, который символизирует рост, свежесть и надежду. Существует мало сомнений, почему цвет был так тесно связан с защитой окружающей среды. Визуально зеленый цвет намного легче для глаз и гораздо менее динамичен, чем желтый, оранжевый или красный. Несмотря на то, что многие дизайны веб-сайтов с использованием зеленого привлекают внимание посетителей к природе, зеленый — это универсальный цвет, который также может представлять богатство, стабильность и образование. Когда ярко-зеленый цвет установлен на черном фоне, он действительно появляется, придавая дизайну неповторимый вид. Для меня это возвращает воспоминания о моем первом компьютере, старом верном Apple IIe. Это было вдохновением для экрана загрузки MailChimp, который я разработал недавно, показанного на рисунке 1.4, «ASCII-версия Freddie Von Chimpenheimer IV».
Рисунок 1.4. ASCII версия Фредди фон Шимпенгеймера IV
синий
Когда я был ребенком, мой любимый цвет был синим. Не просто синий, а церулеанский синий от мелков Crayola. В то время как большинство детей менее конкретны, синий часто упоминается как универсально любимый цвет. На уровне осязания синий символизирует открытость, интеллект и веру, и было обнаружено, что он оказывает успокаивающее действие. С другой стороны, было обнаружено, что синий также снижает аппетит. Вероятно, это отчасти связано с редкостью синего цвета в настоящей еде. Помимо черники, сколько натуральных голубых продуктов вы можете посчитать? Казалось бы, синий исключен из палитры природы, вызывающей аппетит; следовательно, это менее чем идеально для продвижения продуктов питания.
Кроме того, синий иногда рассматривается как символ неудачи и неприятностей. Эта эмоциональная цветовая связь очевидна в блюзовой музыке, а также в картинах вызванного депрессией «синего периода» Пикассо. Однако речь идет не только о неестественных пищевых красках и меланхоличных формах искусства; синий имеет универсальную привлекательность из-за его связи с небом и морем. Для меня присутствие синего цвета на изображении сложенных камней на рисунке 1.5 «Успокаивающие камни, небо и море» позволяет мне чувствовать себя более непринужденно.
Рисунок 1.5. Успокаивающие камни, небо и море
Эта визуальная связь делает синий очевидным выбором для сайтов, связанных с авиакомпаниями, кондиционерами, фильтрами бассейнов и круизами. Вы когда-нибудь замечали, что синий — это основной цвет в логотипах IBM, Dell, HP и Microsoft? Это потому, что синий цвет также передает ощущение стабильности и ясности цели… пока вы не испытали синий экран смерти!
Фиолетовый
Исторически, фиолетовый цвет ассоциировался с королевской властью и властью, как это показано на почтовой марке на рисунке 1.6 «Фиолетовый герб на норвежской почтовой марке». Секрет престижного прошлого пурпура связан с трудностью производства красителя, необходимого для создания пурпурной одежды. По сей день фиолетовый цвет по-прежнему символизирует богатство и расточительность. Эта экстравагантность переносится в природу. Пурпур чаще всего связан с цветами, драгоценными камнями и вином. Он уравновешивает стимуляцию красного и успокаивающий эффект синего. По словам Патрика Макнеила, автора книги идей веб-дизайнера , 1 фиолетовый — один из наименее используемых цветов в веб-дизайне. Он объясняет, что найти хорошие примеры дизайна сайтов с фиолетовым было так сложно, что ему почти пришлось вырезать раздел из своей книги. Если вы пытаетесь создать дизайн сайта, который выделяется из толпы, подумайте об использовании насыщенного оттенка фиолетового.
Рисунок 1.6. Фиолетовый герб на норвежской почтовой марке
белый
Вы можете подумать, что нет ничего особенного в цвете ветряных турбин на рисунке 1.7: «Эти ветряные турбины могут быть белыми, но они также зелёные», но использование белого на самом деле помогает продвигать идею, что это чистая энергия. В западных культурах белый считается цветом совершенства, света и чистоты. Вот почему четкие белые листы используются в рекламе моющих средств, и почему невеста одевается в белое платье в день своей свадьбы. Чтобы понять, как укоренилось значение белого в нашей культуре, прочитайте стихотворение «Роберт Фрост». В нем Мороз символически противоречит нашим ассоциациям, используя белый для обозначения смерти и тьмы. Интересно, что в китайской культуре белый цвет традиционно ассоциируется со смертью и трауром. Такие культурные различия должны служить напоминанием для исследования цветовых ассоциаций вашей целевой аудитории, поскольку они могут сильно отличаться от вашего собственного восприятия.
В дизайне белый часто упускается из виду, потому что это цвет фона по умолчанию. Не бойтесь встряхнуть, хотя. Попробуйте использовать темный фон с белым текстом или поместите блок белого фона на не совсем белый холст, чтобы сделать его всплывающим. Использование цветов неожиданным образом может сделать смелое утверждение.
Рисунок 1.7. Эти ветряные турбины могут быть белыми, но они также зеленые
черный
Хотя черный часто страдает от негативных коннотаций, таких как смерть и зло, он также может быть цветом силы, элегантности и силы, в зависимости от того, как он используется. Если вы рассматриваете возможность использования определенного цвета и вам интересно, каковы ассоциации этого цвета, просто спросите себя: «Какие первые три вещи приходят на ум, когда я думаю об этом цвете?» Когда я думаю о черном, для Например, я думаю о Джонни Кэше, смокингах и Бэтмене. Когда я думаю о Джонни Кэше, его темная одежда, глубокий голос и печальные песни придают ощутимый смысл ментальным ассоциациям, которые я ощущаю между человеком и цветом.
Рисунок 1.8. Черный, цвет, который представляет силу, элегантность и в данном случае непомерность
Если вы относитесь ко всем вариантам выбора цвета таким образом, устанавливая три ассоциации слов для каждого, скорее всего, вы получите хорошее представление о том, как этот цвет широко воспринимается вашей аудиторией.
Несмотря на то, что цветовая психология играет важную роль в том, как посетитель может видеть ваш сайт, имейте в виду, что нет неправильного цвета для использования. Хотя психологическая аргументация может помочь начать палитру, успех цветовой схемы зависит от гармонии, которая существует между всеми выбранными цветами. Чтобы достичь этой гармонии, нам нужно помнить о некоторых других атрибутах цвета.
Ссылки
- Патрик Макнил, Книга идей веб-дизайнера, How Books, Цинцинатти, США, 2008
- Это можно найти во многих хороших поэтических книгах, но я использовал Антологию поэзии Нортона (5-е издание), ред. Маргарет Фергюсон, Мэри Джо Солтер и Джон Сталлуорси, WW Norton & Company, Нью-Йорк, 2004.
Принципы красивого веб-дизайна
Эта статья взята из книги Джейсона Беирда « Принципы прекрасного веб-дизайна» (второе издание вышло сейчас!). Обязательно ищите другие статьи из книги здесь, на фестивале дизайна.