В чём разница между оттенком, полуоттенком, цветом и тоном?

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

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

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

Важность теории цвета для дизайна

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

  • цветовой контраст,
  • сочетания цветов,
  • хорошую композицию.

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

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

Полуоттенок

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

Полуоттенок = основной цвет + белый для его осветления.

Оттенок

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

Оттенок = цвет + черный, чтобы затемнить цвет.

Цвет

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

Первичными цветами являются:

  • Желтый
  • Красный
  • Синий

Вторичные цвета:

  • Оранжевый
  • Фиолетовый
  • Зеленый

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

Цвет = чистый цвет пигмента.

Тон

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

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

Тон = цвет + нейтральный серый для уменьшения интенсивности цвета.

Что лежит в основе оттенков, полуоттенков, цвета и тона?

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

Цветовой круг

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

  • Первичных (желтый, красный и синий)
  • Вторичных, получаемых путем смешивания первичных цветов (оранжевый, фиолетовый и зеленый)
  • Третичных (цвета, полученные путем смешивания первичных и вторичных цветов).

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

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

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

Примеры комплементарных цветов, согласно традиционной цветовой модели:

  • красный и зеленый
  • синий и оранжевый
  • желтый и фиолетовый

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

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

В этом цветовом отношении основной и два добавочных цвета находятся рядом на цветовом круге. Примерами аналогичных цветов являются:

  • Зеленый, желтый и желто-зеленый
  • Красный, оранжевый и красно-оранжевый
  • Синий, фиолетовый и сине-фиолетовый

Есть два варианта того, как использовать эти отношения: 

  1. Трехцветная схема — один основной цвет и два цвета по обе стороны от него 
  2. Пятицветная схема — один основной цвет, два цвета, которые находятся рядом с ним по обе стороны, и два дополнительных цвета, которые находятся рядом с двумя внешними цветами. 

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

Триадные цвета

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

  • красный, синий и желтый
  • оранжевый, фиолетовый и зеленый.

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

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

Монохромные цвета

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

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

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

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

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

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

Практическое использование оттенков и полуоттенков

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

Используйте больше степеней оттенков и полуоттенков

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

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

Создание геометрических фигур с помощью оттенков и полуоттенков

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

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

Сохраняйте минимализм

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

Добавьте немного цветовых градиентов

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

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

Оригинал

Мы используем куки на сайте.