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

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

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

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

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

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

Совет №1: Что такое цветовой штрих

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

Совет №2: Дополнительные составные цвета

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

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

Совет №3: Различные оттенки одного цвета

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

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

Совет №4: Конфликт цветов

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

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

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

Совет №5: Как свет влияет на цвет

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

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

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

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

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

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

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

Вот и всё на сегодня. Надеемся, что из нашего рассказа вы почерпнули для себя какую-то новую и полезную для вас информацию.  Удачи вам и успеха в творчестве!

виды и способы использования в рисунке — Gamedev на DTF

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

17 650 просмотров

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

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

Что такое цветовой круг?

Цветовой круг Иттена. Источник

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

Одним из самых популярных цветовых кругов считается круг Иттена (выше), в котором отображены:

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

На этот круг часто опираются как раз в подборе цветовых схем.

В первую очередь цветовые схемы — это инструмент дизайнера. Они упрощают работу с плакатами, постерами и оформлением интерфейсов приложений. Художники их тоже используют, но при добавлении объёма происходит отход от так называемых «локальных цветов» из-за теплохолодности, света и так далее. В этом нет ничего страшного.

Виды цветовых схем

Покажем каждую на примере круга Иттена.

Комплементарные цвета

Это два цвета, которые на круге находятся друг напротив друга. Самые распространенные комплементарные пары: синий-оранжевый, фиолетовый-жёлтый и красный-зелёный.

Их можно увидеть, например, в «Подсолнухах» Ван Гога.

Винсент Ван Гог — «Подсолнухи». Источник

Художник Николас Коул называет комплементарную цветовую схему идеальной базой.

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

Николас Коул

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

Аналоговые цвета

Находятся рядом — такие сочетания часто встречаются в природе и постер-арте.

Такие цвета любил использовать Клод Моне:

Клод Моне — «Японский мостик». Источник

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

Треугольная схема

Состоит из цветов, которые находятся на вершинах равностороннего треугольника.

Яркий пример — «Молочница» Вермеера:

Йоханнес Вермеер — «Молочница». Источник

Сплит-комплементарные цвета

Находятся на вершинах равнобедренного треугольника.

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

Клод Моне — «Регата на Аржантёе». Источник

Прямоугольная схема

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

Наглядный пример использования этой схемы — другие подсолнухи Ван Гога.

Винсент Ван Гог — «Подсолнухи из Арля». Источник

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

Квадратная схема

Состоят из цветов в вершинах квадрата.

Часто используются в дизайне интерьеров:

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

И при изображении городских пейзажей:

Пэтти Моллика — «Верхний Вест-Сайд». Источник

Монохромная схема

Это оттенки одного из 12-и цветов круга.

Яркий пример использования такой схемы — ещё одна работа Моне.

Клод Моне — «Утро на Сене». Источник

Ахроматическая схема

Комбинация чёрного, белого и оттенков серого.

Очевиднее всего эта схема в книжном тексте или на веб-странице. Пример из изобразительного искусства — некоторые работы Резы Асфара.

Художник — Реза Асфар. Источник

Как пользоваться цветовыми схемами

Изображение из книги «Теория цвета и практическая живопись»

Используйте метод «База, нюанс, акцент»

При работе с цветом важно следить за тем, чтобы они не спорили между собой. Для этого цвета должны отличаться не только по тону, яркости и насыщенности, но и по площади цветовых пятен, чтобы рисунок не превратился в однородную массу. Количество одного основного цвета не должно быть равным количеству другого основного цвета. Лучше всего, когда это соотношение колеблется в пропорции 70 на 30% или даже 80 на 20%.

Хорошо подойдет метод, который делит палитру на базу, нюанс и акцент (БНА):

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

Рассмотрим БНА на примере:

Художник — Реза Асфар. Источник

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

Уменьшайте насыщенность всех цветов, кроме акцентного

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

Комиксистка Ann Maulina (автор Raruurien и Varunair) предпочитает уменьшать насыщенность тёмных и светлых цветов, чтобы сделать акцент на полутонах.

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

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

Пример понижения «голоса» цвета. Слева – негармоничные «громкие» цвета. В середине – менее насыщенные цвета, которые уже получше сочетаются. Справа — громкий цвет среди приглушённых. Источник

Расставляйте цвета по уровню яркости

Виды цветовых схем с примерами работ Ann Maulina: Монохромная, аналоговая, комплементарная, сплит-комплементарная, треугольная и прямоугольная. Источник

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

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

Не нужно дотошно следовать схемам: используйте дополнительные цвета и оттенки

Цветовые схемы не решают всех проблем и использовать их нужно с умом. Распространённая ошибка новичков при подборе цветов — дотошное следование этим схемам и использование оттенков, которые в них участвуют. Обычно картинку не составляют из цвета схемы в чистом виде, а объединяют с помощью ненасыщенных промежуточных оттенков.

Хороший пример — популярная в кино палитра Teal Orange. Синий и оранжевый (бежевый, жёлтый) — любимое сочетание Голливуда. Это комплементарные цвета, которые можно получить, следуя схеме, но между ними есть и много других оттенков, которые в неё не попадают. Когда у вас есть всего два цвета, необходимы промежуточные оттенки, которые помогут сбалансировать картинку.

Кадры из фильмов «Люди Икс: Апокалипсис», «Остров», «Безумный Макс: Дорога ярости» и «Трансформеры». На всех использованы комплементарные цвета. Источник

Для работы с ограниченным количеством цветов вам понадобятся промежуточные оттенки: тогда картина заиграет и соберётся воедино.

Если присмотреться, в большинстве кадров с Teal Orange можно также увидеть холодные тени, которые в контексте обретают зеленоватый оттенок. Разумеется, в кадре присутствует не только оранжевый и не только синий, цвета находятся в балансе.

Полезные ссылки

• На сайтах Adobe Color и Color Scheme можно подобрать цветовую схему онлайн, без регистрации и СМС.
• На сайте Color Lisa можно изучать цветовые палитры известных художников вроде Марка Шагала и Сальвадора Дали.
• Расширение для браузера ColorSnap будет полезно не только художникам, но и дизайнерам интерьеров. Оно подбирает цветовые палитры к любым изображениям на экране.
• Сайт Coolors также автоматически подбирает палитры к загруженным изображениям, но без установки в браузер.
• Сайт Canva тоже автоматически подбирает палитры к изображением, которые состоят из четырёх основных цветов.
• Сайт Brandfolder создаёт палитры на основе изображений, но ещё и подписывает цветовые кодировки.

Статьи:

Текст написал Владимир Шумилов, автор в Smirnov School. Мы готовим концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придёте к нам на курс, не забудьте спросить о скидке для читателей с DTF.

Комплементарные цветосочетания в одежде. Правила сочетания цветов

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

Содержание статьи

• 1 | ЧТО ТАКОЕ И КОМУ ПОДХОДЯТ КОНТРАСТЫ ЦВЕТА В ОБРАЗЕ
• 2 | ОСОБЕННОСТИ КОМПЛЕМЕНТАРНЫХ ЦВЕТОСОЧЕТАНИЙ
• 3 | КАК СНИЗИТЬ ГРАДУС ЯРКОСТИ КОНТРАСТНЫХ ОБРАЗОВ
• 4 | ГАЛЕРЕЯ ОБРАЗОВ

| ЧТО ТАКОЕ И КОМУ ПОДХОДЯТ КОНТРАСТЫ ЦВЕТА В ОБРАЗЕ

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

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

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

• с высокой степенью цветовой контрастности во внешности
• с яркой харизмой в независимости от контрастности во внешности
• предпочитающим яркий цветной макияж на каждый день

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

| ОСОБЕННОСТИ КОМПЛЕМЕНТАРНЫХ ЦВЕТОСОЧЕТАНИЙ

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

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

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

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

| КАК СНИЗИТЬ ГРАДУС ЯРКОСТИ КОНТРАСТНЫХ ОБРАЗОВ

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

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

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

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

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

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

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

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

| ГАЛЕРЕЯ ОБРАЗОВ

Ну и как вам такие яркие цветосочетания? Носите такие? Я не любительница таких термоядерных сочетаний цветов. И использую яркие комплементарные цвета в основном в виде аксессуаров. Ну или использую другие способы снижения градуса яркости контрастов, которыми, в общем-то, я сегодня с вами и поделилась. Традиционно ловите подборку стильных образов, построенных на контрасте цвета. Сохраняйте понравившиеся к себе на доску в Pinterest для вдохновения. Попробуйте определить, какими из вышеуказанных способов воспользовались или не воспользовались фэшн-блогеры.

Любите себя и будьте красивыми!

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

Блог

15 мая 2017

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

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

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

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

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

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

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

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

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

Обратимся к самым известным мистификациям с цветом – к опыту кинематографии. Детские фильмы «Стюарт Литл», «Чарли и шоколадная фабрика» и «Медвежонок Паддингтон» оставляют необыкновенно сочное и яркое послевкусие. Смотрятся они несомненно с интересом и считаются одними из лучших кинолент для детей. В чем секрет? Сюжет незатейливый и основан на вечной победе добра над злом. Здесь эксплуатируется старая и всегда выигрышная тема. Но почему же тогда именно эти фильмы смотрятся так свежо и остаются в памяти яркой вспышкой? Просто команда, работающая над детскими современными сказками, использовала в свою пользу наш зрительный орган чувств. Честно говоря, эти картины — настоящее пиршество для нашего зрения, ведь здесь очень грамотно расставлены базовые и комплементарные цвета. Откровенное зрительное гурманство. И что же этот принцип воздействует только на детскую психику и работает исключительно при создании кинофильмов для юного зрителя? Хочу вас заверить, что возрастной принцип здесь совершенно не при чем. Многие серьёзные взрослые фильмы, завоевавшие бешеную популярность и справедливо названные стильными, основаны именно на зрительном гурманстве. Чтобы не быть голословной, напомню вам картины «Отель «Гранд Будапешт» или «Господин Никто». Эти киноленты были благосклонно приняты публикой и крайне одобрительно критиками. Опять же их создатели, словно иллюзионисты, достающие из шляпы кролика, эксплуатировали наше глубокое пристрастие к базовым и комплементарным цветам. Они немного смошенничали и использовали, можно сказать, запрещённый приём, навсегда обеспечив своим кинофильмам популярность и любовь публики. 
Приём построения видеоряда на базовых и комплементарных цветах широко используется и при создании рекламы. Здесь, пожалуй, это главное тайное оружие специалистов по рекламе. Так, в последнее время по телевидению часто мелькает рекламный ролик одного общероссийского гипермаркета. Ролик полностью основан на эксплуатации темы семьи и семейственности гипермаркета, а также на подаче главной мысли через базовые цвета. Весь ролик строится на красном, синем, желтом и сложном зеленом цветах. И вот даже я, психологически устойчивая к рекламе, запомнила видеоролик гипермаркета. Значит пиар-специалисты достигли своей цели практически на 100 процентов. 

Весь секрет использования акцентных цветов скрыт в названии! Правильно расставленный цветовой акцент придаст образу яркую изюминку. Как правило, для создания акцента отбирают сочные чистые оттенки. Акцентный приём просто незаменим при монохромном или спокойном, выдержанном в пастельных тонах аутфите.  
Хочется добавить, что акцент может быть расставлен незаметно. Часто дизайнеры и модники используют скрытый акцент. Например, монохромный в чёрной гамме look только на первый взгляд смотрится однообразно. В действительности его сложность может быть достигнута благодаря различным фактурам ткани. Не бойтесь смешивать прозрачные, кожаные элементы, детали аутфита с крупной вязкой. Это и есть особенности фактурного акцента, который придает цвету глубину и сложность.

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

восемь правил подбора цветовой палитры, которые должны знать все / Хабр

Взаимодействие человека с компьютером во многом опирается на графические элементы интерфейса, и цвет играет в этом процессе не последнюю роль. Как однажды сказал Pierre Bonnard: «Цвет не просто делает дизайн приятным для глаз, но и подкрепляет его».

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

1. Ограничьте количество цветов

При добавлении цветов в дизайн крайне важно выдерживать баланс; и чем их больше, тем сложнее становится этого добиться. Результат получится лучше, если вы будете придерживаться правила «максимум три основных цвета», формируя палитру. В ходе исследования от специалистов из Торонтского университета, посвященного тому, как люди пользуются Adobe Color CC, большинство респондентов сказали, что предпочитают простые сочетания на основе двух-трех цветов.

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

Как выстроить палитру

Но как выбрать эти два-три цвета? Тут вам поможет цветовой круг.

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

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

— Одноцветные палитры

Одноцветные схемы оставляют очень приятное впечатление (особенно если выполнены в оттенках синего или зеленого). Как вы видите на примере Facebook, палитра выглядит очень аккуратно и элегантно.

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

— Палитры из родственных цветов

Родственные цвета — это те, которые располагаются рядом друг с другом на круге.

Такие гаммы строятся на базе родственных цветов: один из них становится опорным, а остальные используются, чтобы обогатить палитру. Здесь все тоже достаточно просто, но фокус заключается в том, чтобы правильно выбрать яркость используемых цветов — она будет задавать тон для всей гаммы. Например, Clear, утилита для организации списка дел с жестовым управлением, использует кричащие цвета, чтобы визуально привлечь внимание к тем задачам, которые пользователь выполняет в данный момент. Напротив, в приложении для медитации Calm предпочтение отдается паре родственных цветов «синий+зеленый», чтобы создать у пользователей ощущение покоя и умиротворения.

— Палитры из комплементарных цветов

Используя комплементарные (противоположные) цвета, вы легко можете визуально выделить элемент.

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

— Кастомизированные палитры

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

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

2. Черпайте вдохновение в природе

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

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

3. Старайтесь придерживаться пропорции 6/3/1

При составлении палитры вам также пригодится вечно актуальное правило от дизайнеров интерьеров: пропорция 6/3/1 позволяет создать идеальный баланс цветов в любом пространстве.

Воплотить эту концепцию в реальность очень просто: ваш опорный цвет должен занимать 60% процентов, дополнительный — 30%, а 10% отводится на акценты. Основная идея состоит в том, что дополнительный цвет должен служить поддержкой для основного, но при этом быть легко различимым на его фоне. На цвет для визуального выделения отдельных областей приходится 10% экрана — можете использовать его для призыва к действию или же любого другого элемента.

4. Сначала проектируйте в черно-белой гамме

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

Вводите цвет в последнюю очередь и очень целенаправленно.

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

5. Избегайте черного цвета

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

Если добавить в ваш комплект тщательно отобранных цветов черный, он «задавит» собой все остальные. Он так сильно бросается в глаза именно потому, что не воспринимается как естественный. Многие приложения, которыми мы пользуемся изо дня в день, добавляют в интерфейс якобы черные цвета, которые на самом деле темно-серые. Например, самый темный цвет в верхней панели приложения Asos — не #000000, а #242424. Так что не забывайте регулировать насыщенность.

6. Выстраивайте визуальную иерархию при помощи контраста

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

Благодаря контрасту одна область экрана заметно отличается от остальных.

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

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

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

Красный, Оранжевый, Желтый

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

Оранжевый (озорной, бодрый, привлекательный, дешевый): Оранжевый — теплый и яркий цвет. Он создает атмосферу бодрости и навевает на пользователей чувство тепла и уюта. Некоторые исследователи утверждают, что оранжевый выражает идею дешевизны.

Желтый (веселый, приветливый, стимулирующий, привлекает внимание): Желтый — крайне разносторонний цвет, который объединяет в себе оттенки с разными значениями. Так, светло-желтый ассоциируется с солнцем, то есть с чем-то позитивным и дружелюбным. Более насыщенные тона оставляют впечатление древних времен и монументальности. Их часто применяют, когда нужно показать что-то незыблемым и мудрым.

Зеленый, Синий, Фиолетовый

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

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

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

Розовый, Черный, Белый, Серый

Розовый (женственность, невинность, юность): Наиболее широко известная ассоциация с розовым цветом — это женственность.

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

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

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

Здесь важно отметить, что значения цветов могут сильно меняться в зависимости от обстоятельств и культурного контекста. Чтобы глубже ознакомиться с этой темой, прочитайте статью Symbolism Of Colors And Color Meanings Around The World.

8. Сделайте дизайн доступным

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

Не используйте цвет в качестве единственного индикатора

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

Слева направо: цветовой круг глазами обычного человека — Цветовой круг глазами человека с дейтеранопическим типом дальтонизма — Цветовой круг глазами человека с протанопическим типом дальтонизма.

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

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

Делайте текст как можно контрастнее

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

Низкая контрастность может стать смертельным ударом для юзабилити.

Отслеживайте контрастность, чтобы быть уверенными, что цвет текста будет в достаточной степени выделяться относительно фонового цвета и даже человек с дальтонизмом или очень слабым зрением сможет различать слова. Коэффициент контраста — это математическое выражение того, насколько один цвет отличается от другого (обычно он записывается так: 1:1, 21:1). Чем больше разница между числами, тем сильнее цвета отличаются по яркости. На W3C рекомендуют следующие соотношения между яркостью текста и изображений:

• Если текст мелкий, соотношение должно быть не меньше 4.5:1;
• Для крупного текста (то есть 14 pt и выше для жирного шрифта, 18 pt и выше — для обычного) оптимально соотношение 3:1 и больше.

Но есть хорошая новость: вам не придется проверять все вручную. При помощи Color Contrast Checker рассчитать коэффициент можно в несколько кликов.

Бонус: Инструменты, необходимые для UX дизайнера

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

Adobe Color CC
Adobe Color CC (раннее известный как Kuler) — отличное решение, чтобы находить, редактировать и создавать палитры. Вы можете модифицировать каждый цвет, входящий в состав гаммы, или устанавливать его в качестве опорного буквально в пару кликов. Готовые палитры можно сохранять и добавлять в библиотеку; кроме того, в открытом доступе на сайте находится большое количество цветовых гамм, созданных другими членами сообщества.

Dribbble Search-by-color
Если хотите посмотреть, как другие дизайнеры применяют тот или иной цвет в своих проектах, перейдите по адресу dribbble.com/colors и выберите нужный оттенок.

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

Colorzilla
Colorzilla — расширение для браузеров Google Chrome и Mozilla Firefox, которое включает целую кучу инструментов для работы с цветом, включая пипетку с возможностью захвата цвета, генератор градиентов CSS и функцию просмотра палитр.

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

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

Симулятор дальтонизма в Adobe Photoshop
Photoshop позволяет проверить, насколько ваш дизайн универсально доступен. Достаточно перейти на вкладку View > Proof Setup и выбрать интересующий ваш тип (Protanopia type или Deuteranopia type).

NoCoffee Vision Simulator for Chrome
Чтобы удостовериться, что ваш дизайн доступен для всех, неплохо бы на себе испытать дальтонизм в процессе проектирования. NoCoffee Vision Simulator обеспечивает возможность создать для любого интерфейса симуляцию, показывающую, как она выглядит для людей с цветовой слепотой или слабым зрением. Например, применив фильтр «Deuteranopia» во вкладке «Color Deficiency», вы увидите веб-сайт в тонах серого. Это поможет вам адаптировать интерфейс под потребности людей, у которых проблемы с глазами.

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

Дополнительные цвета — Как использовать дополнительные цвета в искусстве

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

Содержание

• 1 Что такое дополнительные цвета?
  • 1. 1 Введение в теорию дополнительных цветов
  • 1.2 Краткая история цвета
• 2 Дополнительные цвета в искусстве и дизайне интерьера
  • 2.1 Дополнительные цвета и дизайн интерьера
• 3 Часто задаваемые вопросы
• 3.2 Как можно использовать дополнительные цвета в искусстве?
• 3.3 Примеры дополнительных цветов?

Что такое дополнительные цвета?

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

Введение в теорию дополнительных цветов