416

Контраст

Пост по просьбе @HardcoreSon

Контраст (фр. contraste) — в оптике (сенситометрии и фотометрии) разница в характеристиках различных участков изображения.


Иоханнес Иттен в своей книге "Искусство цвета" насчитывает 7 видов контраста:

1. Контраст по цвету

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

3. Контраст холодного и теплого

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

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

6. Контраст по насыщенности

7. Контраст по площади цветовых пятен.


Давайте разберем подробнее каждый

1. Контраст по цвету

Один из самых простых, но самых "сильных" видов контраста. Сильно привлекает внимание, "бьет по глазам". Часто используется в дизайне, рекламной фотографии. Наиболее яркие представители Дэвид Лашапель, Энди Уорхол, весь поп-арт строится на этом виде контраста.


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

2. Контраст светлого и темного (тональный)

Самый распространенный вид контраста. Строится на противоположности светлого и темного.

Фотографы прошлого столетия были вынуждены работать только с этим видом контраста (ЧБ плёнка). Ричард Аведон, Ирвин Пенн, Анри Картье-Брессон

3. Контраст холодного и теплого.

Противопоставление холодных и теплых оттенков. Часто встречается в пейзажах. Является "мягким" контрастом. Придает воздушность фотографии. Правило "тёплые света - холодные тени" один из вариантов применения этого вида контраста.

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

Дополнительные цвета - это пара цветов которые при смешивании дают серый цвет. На цветовом круге такие цвета расположены друг напротив друга. Яркость и насыщенность таких цветов должна быть одинаковой.

Пара таких цветов "уравновешивают" друг друга.

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

Симультанный контраст  связан со зрительным восприятием и существует только субъективно: нет способа зафиксировать или точно измерить его.

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

Квадрат №1 нейтрально-серый, два других одинаковы по цвету. Квадрат на фиолетовом фоне кажется нейтральным из-за примеси дополнительного цвета (желто-зеленый). Квадраты №2 и №3 имеют одинаковый цвет!

Давайте рассмотрим как это работает в жизни.


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

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

6. Контраст по насыщенности

Здесь всё достаточно просто. Разница между более/менее насыщенным цветом

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


Если вы имеете отношение к визуальному искусству, то книга Иттена "Искусство цвета" обязательна к прочтению

Правила сообщества

Можно:


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


Вставить свои 5 копеек. Если будет своя альтернативная точка зрения или совет по какой-то теме, то это приветствуется.


Нельзя:


1. Публиковать сообщения, картинки, не соответствующие тематике;

2. Размещать ссылки рекламного характера;

3. Перегибать палку;


Если оступился:


в случае нарушений, доступ в группу будет закрыт, а пользователь занесен в бан-лист;

6
Автор поста оценил этот комментарий

Хрен с ними, с абрикосами.
Ты мне вот что скажи:
платье чёрно-синее или бело-золотое?

раскрыть ветку (1)
5
Автор поста оценил этот комментарий
Я сначала ржал на золотым платьем, потом сам его увидел.
5
Автор поста оценил этот комментарий

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

раскрыть ветку (1)
2
Автор поста оценил этот комментарий
Все ещё в начале 20 века разжёвано)
за фотошоп читайте Дена Маргулиса.
показать ответы
1
Автор поста оценил этот комментарий

Кому интересна тема, очень рекомендую видео про контраст в кино:
https://youtu.be/lpZvenR3Sio

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Там весь канал крутой

показать ответы
0
Автор поста оценил этот комментарий

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


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

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Я далек от сайтостроения, но имел опыт работы с брендбуком. Все цвета приведены в 16-ричном формате (#9cb129). Позволяет избежать описаноого вами случая

2
Аватар пользователя DELETED
DELETED
Автор поста оценил этот комментарий

как вам удалось абсолютно также сложить абрикосы в другой тарелке?

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
LABораторные условия же
показать ответы
1
Автор поста оценил этот комментарий

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

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
Аддитивное и субтрактивное смешивание. Грубо говоря, если вы 2 дополнительных цвета (краски), то получите темно-серый. При смешивании дополнительных цветов (свет) получите белый
0
Автор поста оценил этот комментарий

т.е. они одинаковые, но визуально выглядят по разному, а не наоборот?

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
Квадраты 2 и 3 имеют одинаковый цвет.
Визуально квадрат 2 и 3 отличаются
0
Автор поста оценил этот комментарий

почему разная? #A2A2A0 оба. Я пипеткой тыкал.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
"У квадрата 1 цвет 189,189,189, у квадратов 2 и 3 цвет 162,162,160. "Примеси цвета" в квадратах 2 и 3 почти нет, они просто темнее."
сравниваешь(визуально) 1 и 2 квадраты, 2-3, 3-1
показать ответы
1
Автор поста оценил этот комментарий

блин, 2 пункта из 256 - это считай что нет.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
Ок. Но яркость у них разная, но визуально выглядят одинаково
показать ответы
1
Автор поста оценил этот комментарий

У квадрата 1 цвет 189,189,189, у квадратов 2 и 3 цвет 162,162,160. "Примеси цвета" в квадратах 2 и 3 почти нет, они просто темнее.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
Цвет там есть, его мало. Симультанный контраст штука очень субъективная
показать ответы

Темы

Политика

Теги

Популярные авторы

Сообщества

18+

Теги

Популярные авторы

Сообщества

Игры

Теги

Популярные авторы

Сообщества

Юмор

Теги

Популярные авторы

Сообщества

Отношения

Теги

Популярные авторы

Сообщества

Здоровье

Теги

Популярные авторы

Сообщества

Путешествия

Теги

Популярные авторы

Сообщества

Спорт

Теги

Популярные авторы

Сообщества

Хобби

Теги

Популярные авторы

Сообщества

Сервис

Теги

Популярные авторы

Сообщества

Природа

Теги

Популярные авторы

Сообщества

Бизнес

Теги

Популярные авторы

Сообщества

Транспорт

Теги

Популярные авторы

Сообщества

Общение

Теги

Популярные авторы

Сообщества

Юриспруденция

Теги

Популярные авторы

Сообщества

Наука

Теги

Популярные авторы

Сообщества

IT

Теги

Популярные авторы

Сообщества

Животные

Теги

Популярные авторы

Сообщества

Кино и сериалы

Теги

Популярные авторы

Сообщества

Экономика

Теги

Популярные авторы

Сообщества

Кулинария

Теги

Популярные авторы

Сообщества

История

Теги

Популярные авторы

Сообщества