Контрастность или цвет?

Крутая шпаргалка по сочетанию цветов

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

Схема № 1. Комплементарное сочетание

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

Схема № 2. Триада — сочетание 3 цветов

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

Схема № 3. Аналогичное сочетание

Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале — 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.

Схема № 4. Раздельно-комплементарное сочетание

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

Схема № 5. Тетрада — сочетание 4 цветов

Цветовая схема, где один цвет — основной, два — дополняющие, а еще один выделяет акценты. Пример: сине-зеленый, сине-фиолетовый, красно-оранжевый, желто-оранжевый.

Схема № 6. Квадрат

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

Сочетания отдельных цветов

• Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.
• Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.
• Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.
• Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.
• Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.
• Красный: с желтым, белым, бурым, зеленым, синим и черным.
• Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.
• Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.
• Малиново-красный: белый, черный, цвет дамасской розы.
• Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.
• Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.
• Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.
• Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.
• Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.
• Светло-оранжевый: серый, коричневый, оливковый.
• Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.
• Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.
• Лимонно-желтый: вишнево-красный, коричневый, синий, серый.
• Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.
• Золотисто-желтый: серый, коричневый, лазурный, красный, черный.
• Оливковый: апельсиновый, светло-коричневый, коричневый.
• Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.
• Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.
• Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.
• Электрик красив в сочетании с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.
• Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.
• Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый.
• Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.
• Темно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.
• Черный универсален, элегантен, смотрится во всех сочетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.

По материалам decor-design

Источник: //www.adme.ru/tvorchestvo-dizajn/krutaya-shpargalka-po-sochetaniyu-cvetov-1169610/

Как сочетать цвета в одежде? Контрастность внешности и типаж

Как сочетать цвета в одежде? Если вы не знаете как правильно сочетать одежду и какие цвета вам подходят — это статья для вас.

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

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

Если вы уделяете внимание своему внешнему виду, вы уже экспериментировали с различными комбинациями одежды и возможно заметили, что некоторые вам нравятся  больше чем другие, но вы не знаете почему.

Что ж, сегодня вы узнаете секрет, который поможет вам самостоятельно создавать стильные комбинации одежды.

Как подобрать одежду в сочетании с вашей внешностью

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

Как ни странно, если образ составлен верно, то лицо должно привлекать больше внимания, чем одежда.

В конце концов, смысл подбора одежды в том, чтобы вы выглядели лучше, а не чтобы показать вашу одежду.

Итак, вещи нужно подбирать к лицу, но как?

Вам следует обратить внимание на контраст между волосами и кожей.

Затем нужно воссоздать этот уровень контраста в сочетании одежды в своем образе.

Шаг 1: Определите свой уровень контраста

Встаньте перед зеркалом и посмотрите на цвет кожи и цвет волос.

Они близки по тону, между ними сильный контраст, или результат где-то посередине?

Шаг 2: Выставьте себе оценку по шкале контраста

Чтобы определить свой уровень контраста, отметьте какому цвету соответствует оттенок ваших волос и кожи. (Вам не нужен точный результат, достаточно знать примерно.)

Допустим, тон кожи – это два, а тон волос – девять, как отмечено на рисунке. Тогда ваш уровень контраста – это девять минус два, то есть семь.

Шаг 3: Определите свой тип контраста

При подборе одежды вам следует воссоздать контраст между кожей и волосами.

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

Низкий контраст: Ваш уровень контраста – между 1 и 3

Средний контраст: Ваш уровень контраста – между 4 и 6

Высокий контраст: Ваш уровень контраста – между 7 и 9

Как только вы определите свой тип контраста, сочетать одежду станет проще простого.

Как применить правило контраста в одежде

Мы определили, что каждый человек имеет свой тип контраста внешности, в соответствие с которым необходимо подбирать одежду.

Одежда человека с высоким контрастом внешности будет отличаться от одежды обладателя внешности с низким контрастом.

Контрастный тип внешности

Для высоко-контрастного типа внешности — контрастная одежда.

Если у вас высоко-контрастный тип внешности, комбинируйте её с яркими сочетаниями одежды.

Посмотрите на фото справа, кто из парней смотрится лучше?

Готов поспорить, ваш взгляд мгновенно направлен на парня справа. Его высоко-контрастное сочетание одежды является прекрасным дополнением к его яркой внешности. Одежда делает лицо более выразительным, привлекая ваш взгляд.

Наиболее простой способ создать контрастное сочетание в одежде — комбинировать белую одежду с чёрной.

Но гораздо интереснее сочетать светлые и темные оттенки разных цветов.

Так же вы будете отлично выглядеть в одежде, которая изначально имеет в себе несколько контрастных цветов — пример, рубашка в контрастную полоску или клетку.

Сочетание в одежде для контрастного типажа

Избегайте яркого контраста, если у вас неконтрастная внешность

Сочетание в одежде для неконтрастного типажа

Если вы относитесь к низко-контрастному типу, избегайте больших контрастов в одежде.

Сравните сами.

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

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

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

Если вы относитесь к низко-контрастному типу внешности, не надевайте контрастную одежду, поскольку она отвлечёт внимание от вашего лица и выведет одежду на первый план.

Лучшим вариантом для вас, будет сочетание одежды одинаковых тонов — светлую со светлой, темную с темной.

Неконтрастное сочетание в одежде

Как одеваться при средней контрастности

Если вы обладаете внешностью среднего контраста, вы счастливый человек. Вы можете комбинировать одежду более свободно, используя сочетания как высоких, так и низких контрастов. Так что экспериментируйте с обоими сочетаниями.

Сочетание в одежде для типажа средней контрастности

Надеюсь статья была для вас полезной. Если вы затрудняетесь в определении типа своей внешности, пришлите свою фотографию на почту [email protected] с описанием вашей задачи и мы поможем вам.

Источник: //needstyle.ru/colortheory/

Чем отличается хороший дисплей от плохого: методика тестирования экранов

Наша методика тестирования экранов смартфонов и планшетов состоит из четырёх сравнительно несложных тестов:

• Измерение максимальной яркости чёрного и белого полей, а также вычисление контрастности по полученным значениям;
• Определение цветового охвата и точки белого;
• Измерение цветовой температуры;
• Измерение гаммы дисплея по трём основным цветам (красный, зелёный, синий) и по серому цвету.

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

Для определения каждого параметра используется колориметр X-Rite i1Display Pro и программный комплекс Argyll CMS. В этом материале мы расскажем про каждый тест, а также объясним, как читать и понимать полученные нами графики. Итак, поехали!

⇡#Определение максимальной яркости чёрного и белого полей, а также вычисление статической контрастности

На первый взгляд, этот тест кажется самым простым. Для того чтобы измерить яркость белого цвета, мы выводим на экран абсолютно белую картинку и измеряем яркость при помощи колориметра — полученное значение и будет называться яркостью белого поля. А для того чтобы измерить яркость чёрного, мы проделываем то же самое с абсолютно чёрной картинкой.

Яркость белого и чёрного полей измеряется в кд/м2 (канделах на квадратный метр). Контрастность узнаётся и того проще: поделив яркость белого поля на яркость чёрного, мы получаем искомое значение.

Величина статической контрастности у практически идеального экрана смартфона или планшета составляет 1000:1, хотя результаты 700:1 и выше можно также назвать отличными.

В случае жидкокристаллических дисплеев (с OLED все ровно наоборот) эти «улучшайзеры» работают, как правило, следующим образом: чем меньше на дисплее светлых точек, тем ниже яркость подсветки.

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

А во-вторых, чтобы не тратить зря электроэнергию: если изображение в основном тёмное, нет смысла светить подсветкой на полную катушку — логично её приглушить.

Проблема в том, что реальная контрастность от этого не повышается: при использовании «улучшайзера» светлые участки на тёмном изображении тоже станут чуточку темнее, так что соотношение яркости белого и чёрного в лучшем случае останется таким же, как и при полной подсветке.

То есть если на дисплее, оснащённом динамической оптимизацией подсветки, измерить светимости белого и чёрного полей, как описано выше, а потом просто поделить одно на другое, то получится не настоящее значение контрастности, а довольно абстрактная цифра.

Чаще всего — очень заманчивая (вроде 1500:1), но не имеющая ничего общего с реальной контрастностью.

Для того чтобы обойти эту проблему, мы отказались от картинок, полностью залитых чёрным или белым цветом в пользу изображения, состоящего на 50% из белого и на 50% из чёрного.

Таких картинок у нас две (50-50 и 50-50-2 на рисунке ниже), соответственно, мы измеряем значения светимости белого и чёрного полей как в верхней, так и в нижней частях дисплея — а вычисленные после деления этих чисел значения контрастности усредняем.

Полный набор тестовых изображений для измерения характеристик LCD-дисплеев

Оптимизация вносит изрядную погрешность в том числе и в измерение других параметров экрана — цветовой температуры и гамм.

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

Такой подход позволяет повысить реалистичность полученных значений контрастности и прочих параметров дисплея.

⇡#Измерение цветового охвата

Наш глаз способен воспринимать огромное количество цветов, тонов, полутонов и оттенков. Вот только самые современные дисплеи мобильных устройств — как и их «большие братья», экраны телевизоров и мониторов — пока ещё не способны воспроизвести всё это буйство цвета. Цветовой охват любого современного дисплея очень сильно уступает части спектра, видимой человеческим глазом.

На графике ниже представлен примерный диапазон видимой (оптической) области спектра, или «цветового охвата человеческого глаза».

Белым треугольником на нём выделено цветовое пространство sRGB, которое было определено компаниями Microsoft и HP в не очень далёком 1996 году как стандартное цветовое пространство для всего компьютерного оборудования, предполагающего работу с цветом: мониторов, принтеров и так далее.

По сравнению со всей оптической областью спектра цветовой охват sRGB не так уж и велик. А уж по сравнению с полным спектром электромагнитного излучения (не показанном на графике) — и вовсе песчинка в песочнице

Если честно, в работе с цветом всё далеко не просто, крайне запутанно и не так хорошо стандартизировано, как того хотелось бы. Однако, пусть и с изрядной долей условности, можно сказать, что большая часть цифровых изображений рассчитана на использование цветового пространства sRGB.

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

Если цветовой охват дисплея меньше, то цвета теряют насыщенность. Если больше — то становятся более насыщенными, чем нужно.

«Мультяшная» картинка с перенасыщенными цветами, как правило, выглядит наряднее, но это не всегда уместно.

Хорошими значениями цветового охвата можно считать показатели от 90 до 110% sRGB. Дисплеи, цветовой охват которых уже 90%, выдают слишком блеклую картинку. Экраны с более широким цветовым охватом могут ощутимо перенасыщать цвета и делать картинку излишне красочной.

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

Набор изображений для определения цветового охвата

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

⇡#Определение цветовой температуры

Идеальная цветовая температура белого цвета составляет 6500 кельвин. Это связано с тем, что именно такой цветовой температурой характеризуется солнечный свет. То есть такой белый цвет является наиболее естественным и привычным человеческому глазу. Более «тёплые» оттенки белого имеют температуру ниже 6500 К, например 6000 К. Более «холодные» — выше, то есть 8000 или 10000 К и так далее.

Отклонения как в ту, так и в другую сторону, в принципе, нежелательны. При меньшей цветовой температуре изображение на экране устройства приобретает красноватый или желтоватый оттенок. При более высокой — уходит в голубые и синие тона.

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

На таком дисплее белый имеет совсем уж нежелательный зеленоватый (очень характерный недостаток ранних AMOLED-дисплеев) или пурпурный оттенок.

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

Если они отличаются в незначительных пределах, то ничего страшного в этом нет.

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

Тестовые изображения, используемые для измерения цветовой температуры

Исключение составляют самые тёмные градации серого: на практически чёрном цвете заметить паразитный оттенок практически невозможно, так что ничего страшного в завышенной цветовой температуре, например, полностью чёрного цвета нет — он может быть сколько угодно холодным, вы этого всё равно не увидите.

Мы измеряем цветовую температуру для градаций 10, 20, 30 … 100% от полностью белого цвета. В результате появляется график следующего вида:

⇡#Измерение гаммы дисплея по трём основным цветам (красный, зелёный, синий) и по серому цвету

Если не вдаваться в глубокую теорию, то графиками гамма-кривых можно назвать отношение входящего сигнала к измеренному сигналу, отображаемому монитором.

Набор изображений для измерения гаммы

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

Для того чтобы наши измерения не оказались «сферическими в вакууме», на всех графиках гамма-кривых присутствует эталонная кривая, нарисованная чёрным цветом.

На примерах графиков видно, что полученные нами кривые далеко не всегда совпадают с эталонными.

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

Если кривая идет выше эталонной — то полутона пересвечиваются и теряются уже детали в светлых частях изображения.

Также встречаются гамма-кривые s-образной и z-образной формы. В первом случае изображение получается более контрастным, при этом детали теряются как в светлых частях, так и в тёмных.

Во втором случае — наоборот, контрастность занижается, хоть и с выгодой для детальности.

Все случаи несоответствия гамм по-своему плохи, так как из-за них картинка на экране получается изменённой по сравнению с оригиналом.

⇡#Выводы

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

С яркостью белого всё просто — чем она больше, чем ярче будет дисплей. Яркость на уровне в 250 кд/м2 можно считать нормальной, а все значения выше — хорошими. С яркостью чёрного дела обстоят наоборот: чем она ниже, тем лучше.

Что же касается контрастности, то про неё можно сказать почти то же, что и про яркость белого: чем выше величина статической контрастности, тем лучше дисплей. Значения около 700:1 можно считать хорошими, а около 1000:1 — и вовсе великолепными. Отметим, что у AMOLED- и OLED-экранов чёрный почти не светится — наш прибор просто не позволяет измерить столь малые значения.

С цветовым охватом дела обстоят немного сложнее. Принцип «чем больше — тем лучше» здесь уже не действует. Следует ориентироваться на то, насколько хорошо совпадает треугольник цветового охвата с цветовым пространством sRGB.

Полностью идеальные в этом смысле дисплеи практически не встречаются в мобильных устройствах. Оптимумом же можно считать такой охват, который занимает от 90 до 110% sRGB, при этом очень желательно, чтобы форма треугольника была близка к sRGB.

Также на графике цветового охвата стоит посмотреть на расположение точки белого. Чем она ближе к эталонной точке D65, тем лучше баланс белого у дисплея.

Ещё одной мерой баланса белого является цветовая температура. У отличного монитора она составляет 6 500 К у насыщенного белого цвета и почти не изменяется на разных оттенках серого. Если температура ниже, то экран будет «желтить» изображение. Если выше — то «синить».

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

Мы прекрасно понимаем, что всё это так сходу запомнить непросто. Поэтому мы будем ссылаться на данный материал в будущих обзорах.

Так что информация о том, как следует читать приводимые нами графики, всегда будет у вас под рукой.

Если Вы заметили ошибку — выделите ее мышью и нажмите CTRL+ENTER.

Источник: //3dnews.ru/820876

Эффективное использование цветового контраста

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

Любой дизайнер знает поговорку о том, что картинка стоит тысячи слов. Это действительно так.

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

Порой бывает трудно определиться, с чего именно следует начинать подбор цветовой гаммы проекта. Что именно нужно донести с помощью цвета? Какие оттенки выбрать: яркие или приглушенные? Понадобится ли использовать контраст в своей работе? Единственно верного ответа на все эти вопросы не существует.

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

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

Значение контраста

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

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

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

Согласно теории цвета, контрастные оттенки расположены на противоположных сторонах цветового круга. Желтый резко контрастирует с фиолетовым, а синий с оранжевым цветом.

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

Подбирая контрастные цветовые сочетания, нужно не забывать о таких вещах, как яркость, насыщенность и цветовая температура.

Цветовые схемы

Говоря об оттенках, нужно прежде всего помнить о 12 основных цветах, которые мы видим на цветовом круге. Для каждого из этих оттенков можно быстро найти контрастную комплиментарную пару.

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

Значит, нужно использовать в дизайне другие сочетания цветов.

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

Насыщенность

Под насыщенностью понимают интенсивность цвета по отношению к белому или черному оттенкам. Любой цвет, если подразумевать под этим чистоту и яркость, обладает 100% насыщенностью.

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

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

Цветовая температура

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

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

Наиболее сильным воздействием обладают резкие сочетания теплых и холодных оттенков.

Контрастные цвета в дизайне логотипов

Немного скучную теоретическую часть лучше всего разбавить примерами. Очень многие бренды используют контрастные цвета для того, чтобы донести свой мессидж до целевой аудитории. Вот наиболее яркий пример: логотип напитка Mountain Dew.

В дизайне этого логотипа активно задействованы насыщенные оттенки красного и зеленого, причем зеленый цвет является основным. Зеленый, как и само название Mountain Dew вызывает ассоциации с природой, навевая мысли о свежести и чистоте.

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

 В логотипе платежной системы Visa также используется контрастное сочетание цветов. Но в данном случае все немного сложнее. Да, желто-оранжевый и синий являются контрастными цветами, так как они располагаются на противоположных сторонах цветового круга. Но значение имеет не только позиция – у каждого из этих цветов есть свое значение.

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

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

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

Это очень непростая задача, так как в дизайне нередко приходится использовать сложные контрастные схемы, состоящие из нескольких оттенков.

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

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

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

Что интересно, дизайнер не забыл и о цветовой температуре: фон он специально сделал подчеркнуто холодным, текст нейтральным, а для кнопки CTA, которая является самым главным элементом, подобрал наиболее яркий и «горячий» оттенок оранжевого.

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

Если дизайнеру нужно создать листовку, брошюру или журнал, то ему нужно помнить не только об иерархии элементов, но и о контрасте.

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

Например, в дизайне брошюры Hilton Hanoi Opera контрастные цвета использовались не только для того, чтобы сделать фотографии более привлекательными, но еще и для того, чтобы усилить воздействие текстового контента.

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

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

Контраст в наружной рекламе

Вывески, баннеры и прочая наружная реклама также нуждается в правильном цветовом оформлении.

При этом дизайнеру нужно думать не только о цветовой схеме вывески, но и о пространстве, в которой ей предстоит находиться.

Следовательно, в этом случае обязательно использовать контраст, иначе наружная реклама просто сольется с фоном и не будет привлекать внимание. Вот несколько хороших примеров.

Вывод

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

Поэтому необходимо экспериментировать, подыскивая наиболее удачные сочетания цветов. Очень часто к успеху приводит правильное использование контраста.

И дело не только в привлечении внимания зрителя – контраст позволяет более внятно донести сообщение до зрителя и повлиять на его восприятие контента.

Источник

Источник: //freelance.today/poleznoe/effektivnoe-ispolzovanie-cvetovogo-kontrasta.html

Контраст цветовых сопоставлений, классы контраста

06 сентября 2018

Заявка на расчёт

Мы уже писали в блоге о психологии цвета и вскользь затронули тему цветовых сочетаний конкретно в сфере рекламы. Признайтесь, вы редко видели рекламу, оформленную только одним цветом или его оттенками? Любой бренд — это 2-3 цвета, представляющие определенный контраст.

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

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

Итак, различают семь типов цветовых контрастов.

Контраст цветовых сопоставлений

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

Как вы думаете, какие три цвета самые контрастные по своей яркости? Красный, желтый, синий. Любое сочетание двух из них или даже сразу трёх — самое яркое и впечатляющее. Сочный помидор и спелый лимон. Ярко-синее небо в полдень над полем подсолнухов.

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

Выбирая цвета, можно понаблюдать, как меняется интенсивность контраста, и добиться нужного эффекта.

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

Мезенская роспись

В качестве примера мы не будем перебирать рекламу, а обратимся к искусству, живописи. На контрасте цветовых сопоставлений основано народное искусство. Например, хохломская роспись — это красный, жёлтый (золотисто-желтый) и чёрный. Мезенская роспись — это белый фон, на котором ярко-красные и черный орнаменты. Одним словом — радостная декоративная пестрота.

По принципу цветового контрастирования работал итальянский художник Сандро Боттичелли. Вселенскую выразительность синего, красного, жёлтого вы увидите на картине немецкого художника Маттиуса Грюневальда «Воскрешение Христа».

Контраст светлого и тёмного

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

Поэтому мы скажем, что число зависит от того, насколько ваш глаз чувствителен, и насколько хорошо развито цветовое восприятие. И то, и другое можно тренировать практическими упражнениями. Соответственно, и число серых оттенков увеличится.

В нашей типографии мы добиваемся точного воспроизведения цвета.

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

Он действует примерно как вампир: примиряет яркие противоположности, приглушая их и приобретая за счёт этого свой оттенок. Не все их них признавали серый.

Если вы хотите увидеть самые яркие примеры противопоставления светлого и тёмного, взгляните на японские и китайские картины тушью. Это не что иное, как игра света и тени. Многогранная и интересная.

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

Контраст цвета в рекламе

Контраст холодного и тёплого

Типы цветового контраста касаются не только органов зрения. Пример тому — контраст теплого и холодного.

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

В сине-зелёном помещении люди жаловались на холод при 15 градусах по Цельсию, а в красно-оранжевом им холодно стало лишь при температуре 11 градусов по Цельсию. Аналогично с животными. Известно, что красный цвет ускоряет кровообращение, а синий ослабляет.

После скачек лошади в синей конюшне быстро успокаивались, тогда как в красной ещё долго не могли прийти в себя.

Какой цвет самый тёплый? Красно-оранжевый — сурик. Да, посмотрите на него: он как багряный костёр в осеннем лесу. Он согревает взгляд.

Когда наши печатные машины воспроизводят сурик на бумаге, нас не покидает ощущение, что при касании к цвету мы почувствуем тепло.
Самый холодный цвет — сине-зеленый (окись марганца).

У многих тут же представляется глубина моря, воздух. В дуэте они образуют самый сильный контраст тёплого и холодного.

Ещё со школы всем известна классификация цветов. Красный, жёлтый, оранжевый, красно-фиолетовый — тёплые цвета. Синий, зеленый, сине-зеленый, фиолетовый, жёлто-зелёный — холодные. Чёрный, белый, серый — нейтральные. Но при выборе цветовой температуры для своей рекламы помните, что и здесь всё относительно.

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

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

Французский живописец Клод Моне не рисовал пейзажи в мастерской, а выходил на природу. Он хотел запечатлеть мерцание света в воздухе и в испарениях земли, игру света и тени в кроне деревьев.

Так, в своих работах Моне использовал контраст теплого/холодного, а не светлого и тёмного, как до этого в живописи.

Вдохновляйтесь природой. Она уже все продумала за вас.

Контраст дополнительных цветов

Представьте кляксу насыщенного желтого цвета, а рядом с ней такую же насыщенную, но фиолетовую.

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

Вспомним уроки рисования и проверим, какие ещё цвета выступают дополнительными друг к другу. Получаются следующие пары:

— Оранжевый с синим— Красно-оранжевый с сине-зеленым

— Красный с зелёным

Да, каждая пара при смешивании превращается в несуразный грязноватый цвет. Интересно, что в каждой паре есть три основных цвета — синий, красный, желтый. Оранжевый и синий: красный+желтый и синий. Красный — зеленый: красный и желтый+синий, и так далее.

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

При соблюдении баланса ваши глаза не испугаются контраста. Наоборот — в глазах создается ощущение полного равновесия.

Хотите увидеть, как природа демонстрирует такое сочетание цветов? Посмотрите на стебли и листья кустов красных роз, которые ещё не распустились. Красный цвет будущих роз смешивается с зеленым цветов стеблей и листьев, и получаются удивительные серо-зеленые и серо-красные оттенки.

Симультанный контраст

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

Если не находит, то порождает его мысленно, и наступает зрительная гармония. Это явление и называется «симультанным контрастом» (этимология слова из латинского simultaneus — «одинаковый, похожий»). Вы лишь воображаете несуществующий оттенок.

Он не существует, и его невозможно сфотографировать — это лишь ощущение.

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

На синем фоне вы представите оранжевый квадрат, а на фиолетовом — желтоватым.

Контраст цветового насыщения

Что для вас качество цвета? Говоря о нём, мы, как работники типографии, имеем ввиду его чистоту и насыщенность. Контраст насыщения — это о противоположности ярких, насыщенных цветов и блёклых, затемненных цветов.

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

Убить яркость можно не только белым, но и чёрным цветом: он удаляет от света, темнит и глушит цвета.

Если с белым жёлтый цвет бледнеет, то с чёрным он теряет свою лучистость и становится мрачным, болезненным.

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

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

Действие контраста «блёклый-яркий» относительно. Например, выбранный вами цвет рядом с блёклым покажется более ярким, и в тот же время блёклым — если рядом с ним поставить более яркий цвет.

Если вам нужна выразительная композиция на контрасте блеклый-яркий, ставьте яркий красный с блеклым красным, но не яркий красный с блёклым синим.

Пример использования цветового контраста насыщения — картина французского художника Жоржа Де Латур «Новорожденный».

Контраст цветового распространения

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

Силу воздействия цвета определяют два фактора — его яркость и размер площади, который этим цветом занят. Иоганн Гёте, несмотря на то, что был драматургом, установил простые числовые соотношения для этого.

Оранжевый — 8, красный — 6, зеленый — 6, желтый — 9, синий — 4, фиолетовый — 3. Они приблизительны, и это понятно, ведь краски на разных производствах так или иначе различаются несмотря на одно и то же название. Всё решает глаз.

Особенно, если у него развита чувствительность к цвету. 🙂

Попробуем разобраться, как это работает на примере двух цветов. Насыщенность желтого по Гёте — 9, а фиолетового — 3.

Проводим расчёт:Желтый:фиолетовый = 9:3 = 3:1 = 3/4:1/4

То есть желтый, как цвет, гораздо сильнее по яркости, должен занимать лишь одну треть занимаемой площади, а фиолетовый — всё остальное.

Контраст цветовых тонов — вещь занятная. Иногда одна картинка вместо тысячи слов поможет добиться нужного эффекта: поменять настроение, изменить решение, вызвать ассоциации.

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

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

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

Источник: //accent.su/blog/klassy-tsvetovogo-kontrasta/