обзор самых востребованных
дизайн-профессий в 2024 году

Контраст

Контраст
24 июля, 2023
7 мин

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

Для чего используется контраст в живописи

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

Усиление выразительности произведения

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

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

Привлечение внимания зрителя

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

Тоновый контраст подчеркивает драму в картине
Картина Рембрандта «Ночной дозор» имеет сильный тоновый контраст между светлыми фигурами на переднем плане и темным фоном, что создает драматический эффект и притягивает взгляд к героям. Источник

Создание объема, глубины, рельефности и пластичности форм

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

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

Для чего используется контраст в современном дизайне

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

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

Использование контраста для привлечения внимания к каталогу
В этом дизайне интернет-витрины обуви используется контраст светлого и темного для направления внимания зрителя. Оранжевый цвет выделяет важные элементы интерфейса, такие как баннеры и кнопки. Авторы: Artem Malyi и Lime Agency. Источник

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

Применение контраста для большей глубины изображения
В дизайне этого лендинга используется контраст светлого и темного, а также контраст по насыщенности для создания эффекта глубины. Авторы: Ruslan Ziyangirov и Алексей Кузьмичев. Источник

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

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

Виды контраста

Изобразительный контраст бывает тоновым и цветовым.

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

Тоновый контраст в черно-белых изображениях и фотографиях
цветовой контраст в черно-белой фотографии
Черно-белая фотография или рисунок имеют только тоновой контраст, так как они не используют цвета. Автор фото: Ken Tanahashi. Источник

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

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

  • Контраст по цвету — разница между цветами спектра в их предельной насыщенности, то есть между цветами на противоположных сторонах цветового круга. Это самый яркий и впечатляющий вид цветового контраста.
Контраст по цвету
Пример контраста по цвету. Автор: Ana Maria Miranda. Источник
  • Контраст светлого и темного — разница в светлоте цветов по отношению друг к другу. Например, белый и черный, желтый и синий, розовый и коричневый. Этот вид контраста часто совпадает с тоновым контрастом, но не всегда.
  • Контраст холодного и теплого — разница в температуре цвета и его оттенков, основанная на визуальном отличии. Например, синий и красный, зеленый и оранжевый, фиолетовый и желтый. Этот вид контраста помогает создавать ощущение пространства, тепла или холода, близости или удаленности.
  • Контраст дополнительных цветов — разница между цветами, расположенными напротив друг друга на цветовом круге. Например, красный и зеленый, синий и оранжевый, желтый и фиолетовый. Это самый сильный вид цветового контраста, который создает наибольшее напряжение и динамику.
Контраст дополнительных цветов
Пример контраста дополнительных цветов в иллюстрации. Автор: André Sakrai. Источник
  • Симультанный контраст — разница в восприятии оттенков нашей психикой, при которой мозг «дорисовывает» дополнительные цвета там, где их нет. Например, один и тот же серый цвет может казаться более теплым на синем фоне, более холодным на красном и «синеть» на желтом.
Симультанный контраст
Пример симультанного контраста. Источник

Как научиться использовать контраст

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

  1. Изучите теорию цвета и основные типы контраста
    Цвет является одним из самых важных и заметных факторов, поэтому важно понимать, какие цвета хорошо сочетаются друг с другом, какие создают максимальный контраст, а какие — минимальный. Кроме того, существуют и другие типы контраста (тоновый, размерный, форменный, текстурный и т.д.), которые также влияют на восприятие изображения.
  2. Анализируйте примеры хорошего и плохого использования контраста
    Один из лучших способов научиться чему-то — это учиться на чужих ошибках и успехах. Попробуйте найти примеры работ изобразительного искусства или дизайна, в которых контраст использован хорошо или плохо, и попытайтесь объяснить, почему это так. Что делает изображение интересным или скучным, читабельным или непонятным, гармоничным или дисгармоничным? Какие элементы контраста присутствуют или отсутствуют? Как можно улучшить или ухудшить контраст? Вы можете найти примеры в интернете, книгах, журналах или в реальной жизни.
  3. Экспериментируйте и собирайте обратную связь
    Практика — лучший учитель. Попробуйте нарисовать собственные работы, используя разные виды и степени контраста. Применяйте разные цвета, тона, размеры и формы, чтобы создать различные эффекты и настроения. Сравнивайте свои работы между собой и с работами других людей. Получайте обратную связь от коллег-дизайнеров и целевой аудитории. Спрашивайте, как они воспринимают ваше изображение, что им нравится или не нравится, что они чувствуют или думают, когда смотрят на работу, поинтересуйтесь, что на их взгляд можно было бы улучшить.

Читайте также

Подпишитесь сейчас на нашу рассылку

Мы присылаем отличные материалы и никогда не спамим. Отписаться можно в любой момент