Круг оттенков цветов: Цветовой круг Иттена: гармоничные сочетания цветов

Содержание

Цветовой круг Иттена: гармоничные сочетания цветов

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

1. Если провести через центр круга прямую линию, получится комплементарное сочетание — оно максимально контрастное.

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

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

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

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

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

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

Это сочетание смотрится более пёстрым, чем контрастная триада

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

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

Вот пример одного из таких сочетаний

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

5. Когда трёх цветов недостаточно, можно выбрать четыре. Например, квадрат, наложенный на круг Иттена, образует сочетание тетрады: все четыре цвета гармонируют между собой.

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

По сути, здесь представлено сочетание из двух пар дополнительных цветов. Сочетание четырёх цветов в тетраде позволяет создавать красочное и разнообразное изображение.

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

Такая схема даёт много вариантов сочетаний.

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

Цветовой круг — Гармония цвета. Пастельные тона (Марта Джилл)

· Инструмент для подбора цветов и генерации цветовых схем ·

Гармония цвета. Пастельные тона

Руководство для создания наилучших цветовых сочетаний
Оглавление:

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

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

11223344556677889100111122133144
21324354657687990101112123134145
31425364758698091102113124135146
41526374859708192103114125136147
51627384960718293104115126137148
61728395061728394105116127138149
71829405162738495106117128139150
81930415263748596107118129140151
92031425364758697108119130141152
102132435465768798109120131142
112233445566778899110121132143

Лекция 3. Физика и биология цвета. Цветовой круг

Фиалки – бесцветные, ваша помада оттенка bordo – бесцветная и даже любимое желтое платье не имеет цвета. Мир вообще бесцветен и был бы таким в наших глазах, если бы не свет.

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

Физика цвета

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

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

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


Как мы различаем цвета

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

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

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

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

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

→ Хроматический круг: теплые и холодные тона

Теплые и холодные тона расположены в разных частях цветового круга. К теплым относятся желтый, оранжевый и красный, к холодным – зеленые, синие и фиолетовые. Вопрос о каждом пограничном цвете (например, между желтым и зеленым) стоит рассматривать в каждом случае отдельно. Смешанный желто-зеленый цвет может относиться как к теплой, так и к холодной части круга. У стилистов также есть представление о том, что теплыми и холодными версиями обладают все цвета, кроме оранжевого (он всегда теплый). Даже голубой и зеленый могут быть теплыми, но это представление основано на психологическом восприятии цвета и ассоциациях, а не на объективных характеристиках цветового круга.

→ Хроматический круг: дополняющие цвета

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

→ Хроматический круг: аналогичные цвета

Аналогичные цвета расположены по соседству в одном цветовом семействе: желтый-оранжевый-красный, синий-голубой, зеленый-салатовый и так далее. Часто мы называем такие цвета оттенками, но это не совсем верное определение.

→ Хроматический круг: оттенки

Оттенки (фр. camaieu) – это варианты одного цвета, которые получаются путем добавления в него белой или черной краски. Увидеть визуальное представление оттенков можно на усовершенствованном круге с градацией цветов к белом в центре и черному – по краям. Таким представлением цвета пользуются дизайнеры, работая в Photoshop и аналогичных программах. Оттенки одного цвета – это градиентная шкала от бело-желтого до черного с желтым подтоном, от бело-голубого до иссиня-черного, где началом и концом шкалы являются белый и черный цвета.

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

В следующей лекции IFM мы расскажем о том, как выстраивать образ с использованием цветового круга и рассмотрим классические сочетания и современные цветовые тренды. Добавив к знаниям о цвете представление о стилях, а также информацию о типах фигур, линиях кроя и гармонизации силуэта, вы сможете самостоятельно создавать идеальные образы. Лекции IFM плюс немного практики – и никто не сможет оспорить наличие у вас вкуса. Ежедневно исследуя возможности своего гардероба, со временем вы обретете собственный стиль, самое ценное и неподвластное моде понятие. Следите за новостями Rendez-Vous Daily по хештегу #IFM4rendezvous, чтобы не пропустить полезные лекции.

Что такое цветовой круг и как им пользоваться

Представляем полезный инструмент для подбора цветовой гаммы - цветовой круг Иттена.

Что это такое?

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

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

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

Устройство цветового круга


Купить

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

Рекомендуем так же ознакомиться с онлайн-сервисом по подбору цвета в одежде.

Круг для подбора цветовых комбинаций

Предшественником данного устройства в его современном виде является цветовое кольцо Иттена (смотрите рисунок ниже).

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

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

Рассмотрим этот момент немного подробнее..

Почему основных цветов двенадцать?

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

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

Гид по смешению красок

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

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

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

Шкала насыщенности

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

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

Чтобы понять как это делается практически, посмотрите это видео:


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

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

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

Во-первых, гармония или дисгармония красок - это очень субъективное понятие. Как говорится, "на вкус и цвет товарища нет".

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

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

Купить

Таблица цветовых схем

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

Монохромное сочетание

Сочетание оттенков разной насыщенности.

Комплиментарное сочетание

Противоположные (дополнительные) цвета.

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

Равносторонний треугольник - три элемента сочетания находятся на одинаковом расстоянии друг от друга.

Аналоговая триада

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

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

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

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

Две пары комплиментарных сочетаний (вариант такого сочетания - квадрат вместо прямоугольника).
Богатая гамма из четырёх цветов.

Заказать данное иделие можно на нашем сайте перейдя в Каталог товаров, или через быстрый заказ в один клик по кнопке:

..в этом случае оператор запишет все данные по заказу в режиме диалога

Поделиться

Опубликовано 02.03.2014 01:02:38





Правила работы с цветовым кругом

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

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

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

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

Цветовые комбинации:

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

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

Цвета ахроматические

 

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

Основные цвета

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

Основные цвета

Составные

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

Составные цвета

Сложные

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

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

 

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

Контрастные

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

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

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

Дополнительные

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

Пример дополнительных цветов:

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

Монохроматические

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

 

Родственные

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

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

Нейтральные

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

Пример нейтральных цветов:

Родственно-контрастные

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

Пример родственно-контрастных цветов:

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

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

Цвет должен работать так, чтобы не только не спугнуть потенциального клиента, но и удержать его внимание максимально выгодным для вас образом. К примеру, при помощи контраста, обратить его внимание на ключевые элементы, формирующие ваше предложение: заголовки, изображения продукции, 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

+12 оттенков цвета с шестнадцатеричными кодами

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

Вот почему я сделал страницу оттенков цвета . На этой странице вы можете найти 50 оттенков из 11 цветов от светло-синего до темно-красного.

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

Некоторые примеры можно просмотреть со страницы дриблинга.

Классные оттенки цвета перечислены на одной странице. От оттенков синего до оттенков зеленого - 11 цветовых палитр помогут вам улучшить дизайн.

Все цвета коллекции имеют названия.

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

Мы перечислили 50 различных тонов для каждого цвета. Хорошо, но почему?

Это не совпадение. Нас вдохновил этот знаменитый фильм.

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

Лучшая практика оттенков цвета

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

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

Вы готовы? Поехали!

Наш первый пример со страниц статей об инди-хакерах.

Как вы заметите, преобладающий цвет на странице - темно-синий.

Однако на кнопках не используются разные цвета для создания контраста. Используются оттенки синего.

Пример оттенков синего цвета

Кнопки, значки, ссылки и информационные карточки окрашены в оттенки синего.

В основном предпочтительны однотонные цвета. Но в цвете фона страницы есть легкий градиент.

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

Перейдем ко второму примеру.

Это образец дизайна книжного приложения. Основной цвет в этом дизайне - розовый.

Пример оттенков розового

Большая часть дизайна состоит из 3-х мерных рисунков. Если не считать мелких желтых и зеленых деталей, рисунок полностью выполнен в розовых тонах.

Для создания контраста заголовок и описание страницы выполнены белым шрифтом на розовом фоне.

И снова в этом дизайне есть градиент, как в другом примере.

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

Если мы готовы, перейдем к третьему и последнему примеру.

Этот пример взят из Dribbble. Разработан как часть заголовка веб-сайта.

Пример оттенков зеленого

Предпочтительный цвет на этой странице - зеленый.

Свет, излучаемый лампой, мебель, все окрашено в оттенки зеленого.

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

Эти примеры можно дублировать.

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

Спасибо за уделенное время. Хорошего дня.

Цветовой круг Ньютона. Организация цветовых оттенков.

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

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

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

Первый цветовой круг появился практически одновременно с ранними мистическими теориями цвета. Это нашло отражение в трудах известных мистиков и физиков-исследователей XVII и XX веков.Наряду с Ньютоном были Гете, Иттен, Манселл, Филд и другие. Мистические разноцветные круги нашли свое практическое применение прежде всего в живописи. Цветовой круг Ньютона (фото которого размещено в статье) сейчас является важным базовым инструментом калористики.

Исаак Ньютон: систематизация цветового круга

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

История цвета

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

Цветовые схемы

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

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

Ньютон и цветовой спектр

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

В то время считалось, что свет противоположен тьме. Наше современное понимание света и цвета начинается с Исаака Ньютона (1642-1726 гг.) И серии экспериментов, которые он публикует в 1672 году. Он первый, кто распознал радугу - с помощью призмы он разбил белый свет , которые, в свою очередь, сияли переливающимися оттенками.

Оптический контраст

Знаменитое круговое расположение спектральных цветов появилось в 1704 году в Англии.Исходный цветовой круг Ньютона включает красный, оранжевый, желтый, зеленый, сине-синий, ультрамариновый синий, пурпурно-синий. Художники были очарованы визуальной демонстрацией, представленной Исааком Ньютоном. Цветовой круг - его самая полезная идея для художников, которая заключалась в концептуальном расположении цветов по кругу. Такая диаграмма стала образцом для многих цветовых систем XVIII-XIX веков. Многие дизайнеры использовали это открытие для создания привлекательной палитры различных оттенков.

Классификация

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

Одна из современных классификаций, используемых дизайнерами, подразумевает такое разделение цветов:

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

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

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

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

Простое про комплекс

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

Три столпа: желтый, синий и красный

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

Почему Круг?

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

Приложение

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

Глубоко заинтересовавшись теорией цвета, Иттен написал книгу о том, как рисовать цвета для гармонизации пространства.

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

Цветовой круг, цветовой круг и цветовые отношения

Color Worqx


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

Цветовая терминология

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

Вторичные цвета: Эти цвета, полученные смешением двух основных цветов.

Третичные цвета: Эти цвета достигаются путем смешивания основных и дополнительных оттенков.

Дополнительные цвета: Эти цвета расположены напротив друг друга на цветовом круге.

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

Активные и пассивные цвета

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

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

Цветовые отношения

Цветовые отношения могут отображаться в виде цветового круга или цветового треугольника.

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

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

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

Продолжить руководство, просмотреть: Дополнительные цвета

"Все цвета - друзья своих соседей и любители противоположностей." - Марк Шагал

Для дальнейшего изучения

Цветовой круг - изобретение сэра Исаака Ньютона (1706 г.). Узнайте больше о цветовом круге Ньютона по адресу: Kenyon College Department of Physics

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

Рекомендуемые книги


Цветная звезда


Мега набор цветовых оттенков.Таблица оттенков цвета Клипарты, векторы, и Набор Иллюстраций Без Оплаты Отчислений. Картинка 97229157.

Мега набор цветовых оттенков. Таблица оттенков цвета Клипарты, векторы, и Набор Иллюстраций Без Оплаты Отчислений. Изображение 97229157.

Мега набор цветовых оттенков. Таблица оттенков

S M L XL EPS редактировать

Таблица размеров

Размер изображения Идеально подходит для
S Интернет и блоги, социальные сети и мобильные приложения.
M Брошюры и каталоги, журналы и открытки.
л Плакаты и баннеры для дома и улицы.
XL Фоны, рекламные щиты и цифровые экраны.

Используете это изображение на предмете перепродажи или шаблоне?

Распечатать Электронный Всеобъемлющий

4306 x 4000 пикселей | 36.4 см x 33,9 см | 300 точек на дюйм | JPG

Масштабирование до любого размера • EPS

4306 x 4000 пикселей | 36,4 см x 33,9 см | 300 точек на дюйм | JPG

Скачать

Купить одно изображение

6 кредитов

Самая низкая цена
с планом подписки

  • Попробовать 1 месяц на 2209 pyб
  • Загрузите 10 фотографий или векторов.
  • Нет дневного лимита загрузок, неиспользованные загрузки переносятся на следующий месяц

221 ру

за изображение любой размер

Цена денег

Ключевые слова

Похожие векторы

Нужна помощь? Свяжитесь с вашим персональным менеджером по работе с клиентами

@ +7 499 938-68-54

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

. Принять

Психология цвета - 2-й этаж

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

Основы

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

Основные цвета

Есть три основных цвета. Желтый, синий и красный. Эти «оттенки» можно смешивать, чтобы получить все остальные цвета. Ниже я расскажу о оттенках более подробно.

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

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

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

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

Оттенок

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

Оттенок

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

Тон

Под оттенком находится тон. Тон - это оттенок на внешней стороне колеса, смешанный с любым количеством чистого серого.

Оттенок

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

Применение психологии цвета

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

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

Красный

Красный цвет часто ассоциируется с сильными и страстными эмоциями: Любовь, Комфорт, Теплота, Активность, Волнение, Смелость, Страстность, Молодость, Энергия, Физическое состояние, Амбиции, Новаторство и Мощь.

Бренды, которые вы узнаете по Red: Coca-Cola, Nintendo, Pinterest, Red Bull и Virgin.

Розовый

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

Бренды, использующие розовый: Barbie, Cosmopolitan, BBC Three и Victoria’s Secret.

Фиолетовый

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

Бренд, использующий фиолетовый: Cadburys, Hallmark, Milka, Zoopla и Yahoo.

Синий

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

Бренды, использующие синий: Intel, Blu-Ray, Skype, Twitter, WordPress и браузер Microsoft Edge.

Синий (Темный)

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

Бренды, использующие темно-синий: Facebook, National Lotto, Reebok, GAP, Tumblr и British Gas.

Желтый

Желтый часто вызывает веселые и счастливые эмоции: Теплота, Экстраверт, Счастье, Свобода, Удача, Восторг, Веселость, Радость, Блаженство, Довольный и Живой.

Желтые бренды: Ikea, McDonalds, Best Buy, Ferrari, Caterpillar, Post-its и Yellow Pages.

Оранжевый

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

Бренды, использующие Orange: Fanta, Nikelodeon, Puffin, MasterCard, Amazon, Harley Davidson, Sony Walkman и 2nd Floor.

Зеленый

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

Бренды, использующие зеленый цвет: BP, Holiday Inn, Tic Tac, Starbucks, The Body Shop и Spotify.

Черный

Черный является доминирующим цветом и часто вызывает чувства, связанные со смертью и трауром, однако он также может обозначать элегантность: Власть, Элегантность, Таинственность, Формальность, Шикарный, Элитный, Безупречный и Роскошный.

Бренды, использующие черный цвет: Guinness, Hotel Chocolat, Chanel, Dior, Prada и Armani.

Белый

Белый часто ассоциируется с чистотой и эмоциями невинности: Pure, Clean, Modern, Innocence, Cool, Virginity, Goodness, Light, Positive, Simple, Hygienic and Efficient.

Марки, использующие белый цвет: Apple.

Положите в карман

Мы разместили на одной странице шпаргалку со всеми ключевыми цветами, указанными выше, плюс несколько дополнительных, не включенных!

Загрузите наше руководство по психологии цвета.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Начните вводить, то что вы ищите выше и нажмите кнопку Enter для поиска. Нажмите кнопку ESC для отмены.

Вернуться наверх