Советы по выбору цветов для контента Digital Signage

Начнем с того, что существует два типа освещения: субтрактивное и аддитивное. Если вы читаете эту статью в распечатке, вы имеете дело с субтрактивным освещением. Если же вы читаете эту статью на дисплее компьютера, вы имеете дело с аддитивным освещением.

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

Аддитивное освещение - это излучаемый свет, основные цвета которого - красный, синий и зеленый. Цифровые дисплеи излучают свет, воспринимаемый зрением. В Digital Signage используется именно аддитивное освещение.

Хотя с технической точки зрения экраны для Digital Signage "составляют" цвета из красных, зеленых и синих (RGB) пикселей, гораздо удобнее рассматривать цвета в модели "оттенок-насыщенность-яркость" (модель HSB, Hue-Saturation-Brightness).

"Оттенок" - это то, что мы обычно называем "цветом". Красный, оранжевый, желтый, синий, - все это оттенки.

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

"Яркость" определяет количество белого или черного, "подмешанного" к оттенку. Например, при уменьшении яркости оранжевого оттенка он превращается в коричневый.

Какие цвета хорошо смотрятся вместе? Цветовой круг можно уподобить часовому циферблату: красный соответствует 12 часам, красно-оранжевый - 1 часу, оранжевый - 2, желто-оранжевый - 3, желтый - 4, желто-зеленый - 5, зеленый - 6, сине-зеленый - 7, синий - 8, сине-фиолетовый - 9, фиолетовый - 10, красно-фиолетовый - 11 и снова красный - 12. Диаметр цветового круга "соединяет" цвета, которые, во-первых, противоположны друг другу, а во-вторых, хорошо сочетаются при использовании в контенте для Digital Signage. Зеленый цвет находится напротив красного, оранжевый - напротив синего, желтый - напротив фиолетового. Отметим, что черный и белый цвета могут хорошо сочетаться практически с любыми оттенками, но здесь все зависит от распознаваемости - очень трудно читать желтый текст на белом фоне или синий текст на черном фоне.

А как подобрать гармоничные оттенки, если используется больше двух цветов? Рассчитать дополнительные цвета несложно. В цветовом круге 360?, а диаметр делит его на 180?. Для трех цветов разделите 360 на 3, что дает 120?. Цвета, отстоящие друг от друга на 120 градусов, образуют цветовую триаду. Четыре цвета будут отстоять друг от друга на 90?, соответствуя кресту, центр которого совпадает с центром цветового круга, и т.д.

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

Учитывайте "правило красного текста". Красный цвет, особенно в тонких шрифтах, может генерировать нежелательный шум и утрачивать детальность. В Digital Signage лучше избегать сообщений, написанных ярко-красными буквами.

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

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

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

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

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

По материалам DigitalSignageToday