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

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

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

Цветовой круг. История развития

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

Усложненный цветовой круг Ньютона

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

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

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

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

Цветовой круг Иттена

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

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

Цветовой круг Освальда

Сочетание цветов. Цветовые схемы.

Для изучения основ нам идеально подходит круг Иттена, он прост в понимании, а, следовательно, в освоении и последующем применении.

Всего существует 7 стандартных цветовых схем, которые были описаны самим Иттеном Иоханнесом в его книге "Искусство цвета" ещё несколько веков тому назад. Давайте перейдем к самим схемам.

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

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

Аналогичная (аналоговая триада) — используются три соседних по кругу цвета. В результате получается мягкая и приятная цветовая схема, такое сочетание часто встречается в природе.

Аналогичная схема (аналоговая триада)

Дополнительная  (комплементарное) — два противоположных цвета. Комплементарные цвета — контрастные. Данная цветовая схема весьма распространена в веб-дизайне, т.к. очень эффектно и удачно можно выделить основные элементы интерфейса. Главное, не применять рядом два противоположных по цветовому кругу шрифта =) А то глаза у пользователя очень быстро устанут от такой анархии. 

Дополнительная схема (комплементарное)

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

Контрастная триада

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

Классическая триада

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

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

Квадратная схема — еще один вариант прямоугольной схемы. Цвета располагаются на равном расстоянии друг от друга. 

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

Если хотите разобрать подробнее и закрепить материал — посмотрите это видео: 

Подписывайтесь на нас в других социальных сетях:

Yandex.Zen — https://zen.yandex.ru/media/id/5ac098dff031731b9711ba45

Instagram — https://www.instagram.com/dotdesignblog

VK — https://vk.com/dotdesignblog

Twitter — https://twitter.com/dotdesignblog

Facebook — https://www.facebook.com/dotdesignblog


Error

default userpic
When you submit the form an invisible reCAPTCHA check will be performed.
You must follow the Privacy Policy and Google Terms of use.