Цветовой круг и правила сочетания цветов в одежде

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

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

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

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

1 Как использовать цветовой круг

2 Создание цветовой гармонии

3 Правильное сочетание цветов в одежде

4 Пробуем комбинировать цвета — советы стилистов

5 Учитываем стиль

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

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

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

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

Создание цветовой гармонии

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

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

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

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

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

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

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

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

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

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

Правильное сочетание цветов в одежде

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

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

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

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

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

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

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

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

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

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

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

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

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

Бордовый цвет можно насытить оливковым, ярко-серыми ли темно-зеленым. Красный цвет также подойдет, только если он является сложным или имеет ягодный тон — черники или ежевики.

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

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

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

Учитываем стиль

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

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

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

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

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

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

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

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

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

С детства мы усваиваем правила сочетания цветов, вроде «черный подходит ко всему», или «розовое с зеленым — ужасно» (это еще Чехов разъяснил, хотя, если судить по модным показам, нынешней весной это сочетание будет на пике актуальности). Так как эти вещи усваиваются в бессознательном возрасте, потом, уже будучи в сознательном, мы не размышляем, почему плохо зеленый с розовым, и правда ли черный подходит ко всему, зато активно пользуемся усвоенными сочетаниями и избегаем цветов, про которые ничего не знаем. И если даже купим такую вещь, то потом она пылится в шкафу.
Два года назад я в каком-то странном порыве купила изумрудно-зеленые джинсы, с чем их сочетать кроме черного и белого, я тогда решительно не знала. Теперь для этих джинсов у меня есть 1)прекрасный бордовый свитер, серый кардиган+белая рубашка, 3) сиреневая футболка принтом, 4) рыжие сапоги, правда, пока я все это нашла, джинсы уже износились))). Если бы, когда я покупала джинсы, у меня была книжка по сочетанию цветов (приобрела такую на одной полиграфической выставке, куда ходила вместе с мужем), то я бы вписала свои джинсы в гардероб гораздо раньше. Но в общем, для начала можно обойтись и без книжки, так как правила сочетания цветов хорошо понятны на примере цветового круга, который доступен в интернете.
Добавлю так же, что правила эти действуют всегда, как закон Всемирного тяготения. Это значит, что если какие-то цвета сочетаются в природе или на картине великого художника, то они будут сочетаться и в одежде, и в интерьере. Другое дело, что в разные времена становятся актуальными разные типы сочетаний: например, еще пару лет назад очень модно было сочетать оттенки одного цвета, то с прошлого года на первый план вышли тенденции контрасных сочетаний (красный с зеленым, оранжевый с синим и т. д.).
Основные правила работы с цветовым кругом довольно толково описаны у marriba at Учимся подбирать цвета — часть1.Цитирую:

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

(Копировать просьба без изменений текста и со ссылкой на мой блог.)

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

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

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

(Помимо самих сочетаний, обратите внимание на указание о контрастности — это нам понадобится позже).

2 противоположных цвета: сочетание с высоким контрастом.

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

Зеленый+красный.

3 цвета: классическая триада, цвета располагаются треугольником.

изумрудный зеленый+желто-оранжевый+фиолетовый
кобальтовый синий+салатовый+оранжевый
лазурный синий+лимонный+красный
голубой+желтый+розовый

Пример: голубой+желтый+розовый

3 контрастных цвета: два цвета практически родственные, один — контрастный.

Пример: зеленый+желтый+розовый.

Очень близкий вариант:
4 цвета: 3 родственных и 1 контрастный.

Пример: желтый+синий+фиолетовый+розовый.

3 родственных цвета: слабоконтрастное сочетание.

Пример: сиреневый+оттенки розового.

4 цвета: по два взаимно усиливающих.

Пример: голубой+салатный зеленый+розовый+вместо оранжевого теплый беж.

Сложно подобрать пример 🙂
Это актуально скорее для комплекта одежды в целом.

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

Наиболее контрастными будут сочетания:
1. Ярких цветов.
2. Пастельных и приглушенных цветов.
3. Пастельных и приглушенных оттенков одного цвета.

Сочетания со слабым контрастом.
1. Между пастельными цветами.
2. Между приглушенными цветами.
3. Между оттенками одного цвета, близкими друг другу по насыщенности.

Конечно, есть еще черный, серый, белый цвета. Сочетания с ними тоже рассматриваем по принципу контрастности.

    

   

На фотографиях слева контраст выше, справа — ниже.

Сайт для работы с цветовым кругом

http://colorschemedesigner. com

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

красный, белый и синий. Семь правил о цветовых палитрах, которые… | Ник Бабич.

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

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

Применение цвета в дизайн-проекте во многом связано с балансом. Чем больше цветов вы используете, тем сложнее достичь баланса. Вы получите лучшие результаты, если будете придерживаться максимум из 3 основных цветов в своей цветовой схеме. Согласно исследованию Университета Торонто о том, как люди использовали Adobe Color CC, большинство людей сказали, что предпочитают простые цветовые комбинации, основанные только на двух или трех цветах.

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

Как создать схему

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

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

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

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

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

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

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

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

Использование дополнительных цветов — самый простой способ выделить что-либо.

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

Добавление одного цвета к дизайну в оттенках серого просто и эффектно привлекает внимание. Макет с сочетанием белого и серого с акцентами синего цвета в цветовой гамме Dropbox.

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

Лучшие цветовые сочетания исходят от природы. Вы можете создать цветовую схему из кадра.

60–30–10 — это простое правило, которое поможет вам создать хорошо сбалансированные цветовые палитры. Идея состоит в том, что один цвет (обычно нейтральный) составляет 60 процентов палитры. Другой дополнительный цвет составляет 30 процентов палитры. Третий цвет, используемый в качестве акцента, занимает оставшиеся 10 процентов. Эта формула работает, потому что создает ощущение равновесия.

60 % — ваш доминирующий оттенок, 30 % — дополнительный цвет и 10 % — акцентный цвет. Эта техника позволяет глазу комфортно перемещаться от одной фокусной точки к другой.

В реальной жизни чисто черного цвета практически не бывает. От всех «черных» объектов вокруг нас отражается некоторое количество света, что означает, что они не совсем черные, они темно-серые. Дороги не черные. Тени не черные.

Цвет этого волка темно-серый, а не черный.

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

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

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

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

«Цвет создает, усиливает, изменяет, раскрывает и задает настроение картины». — Кифф Холланд

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

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

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

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

• Зеленый (Натуральный, Безопасный, Свежий): Зеленый отражает чувство защиты окружающей среды и близость к природе. Это также означает рост, и поэтому его часто связывают с бизнесом. Зеленый означает чувство правильного или неправильного.
• Синий (Спокойный, Ответственный, Заслуживающий доверия, Надежный): Синий цвет часто ассоциируется со спокойными и расслабляющими эмоциями. Он также ассоциируется с силой и надежностью, вызывая чувство доверия и профессионализма. Синий излучает чувство внутренней безопасности. Вот почему вы можете увидеть банки и технологические компании, использующие этот цвет. Гиганты социальных сетей, такие как Facebook, Twitter и LinkedIn, используют синий цвет в своих сетях.
• Фиолетовый (Роскошный, Таинственный, Романтичный, Одухотворенный): исторически связанный с королевской властью, фиолетовый намекает на то, что продукт относится к элитным.

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

• Розовый (Женственность, Невинность, Молодость): Розовый наиболее известен своими ассоциациями с женственностью.
• Черный (Мощный, Утонченный, Таинственный, Дерзкий): Черный привлекает внимание быстрее, чем другие цвета, включая красный. Вот почему он чаще всего используется только для текста и акцентов.
• Белый (Чистота, Здоровье, Чистота, Невинность): Белый акцентирует другие цвета вокруг себя, что делает его популярным выбором в качестве вторичного цвета.
• Серый (Нейтральный, Формальный, Утонченный, Стерильный): Серый олицетворяет нейтральность, он может принимать характеристики черного или белого. При использовании в качестве основного цвета он создает впечатление официальности.

Важно отметить, что значение цветов может варьироваться в зависимости от культуры и обстоятельств. Чтобы узнать больше об этом, ознакомьтесь со статьей «Символика цветов и значения цветов во всем мире».

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

Избегайте использования только цвета в качестве индикатора

Приблизительно 8% мужчин и 0,5% женщин страдают той или иной формой дальтонизма. Это 1 из 12 мужчин и 1 из 200 женщин. Хотя существует несколько форм этого состояния, наиболее распространена слепота на красный и зеленый цвета. Человек, страдающий этой формой дальтонизма, как правило, не может видеть вариации красного и зеленого цветов.

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

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

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

Избегайте низкой контрастности текста

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

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

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

• Мелкий текст должен иметь коэффициент контрастности не менее 4,5:1 относительно фона.
• Крупный текст (14 pt жирный/18 pt обычный и выше) должен иметь коэффициент контрастности не менее 3:1 по отношению к фону.

Хорошая новость, вам не нужно проверять это вручную. Используя инструмент Color Contrast Checker, вы можете проверить свои цветовые сочетания всего за несколько кликов.

Webaim Средство проверки цветового контраста

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

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

Adobe Color CC — отличный инструмент, который может ускорить изучение различных вариантов цветовых схем.

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

Вы также можете указать минимальный процент кадра, содержащего цвет (например, кадр на 30% синий). Укажите минимальный процент кадра, содержащего цвет

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

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

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

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

Coolors дает вам возможность загрузить изображение и создать из него цветовую палитру.

Моделирование цветовой слепоты в Adobe Photoshop

С помощью Photoshop вы можете проверить доступность своего дизайна. Просто перейдите к View > Proof Setup , а затем вы можете выбрать один из двух типов (тип Protanopia или тип Deuteranopia).

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

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

Цветовые схемы вам нравятся? Увлекаетесь ли вы юзабилити-тестированием и пользовательскими исследованиями? Зарегистрируйтесь на Springboard’s Introduction to UX Design курс. Тысячи студентов использовали его, чтобы начать успешную карьеру дизайнера.

Мода и цвета. Полное руководство по использованию цветового круга одежды

28 июля 2018 г.

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

Цветовой круг имеет три преобладающих образца: первичные цвета, вторичные цвета и третичные цвета.

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

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

Дополнительные цвета

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

Третичные (промежуточные) цвета

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

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

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

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

Дополнительные цвета

Дополнительные цвета на цветовом круге

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

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

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

Аналогичные цвета (в данном примере желтые)

 

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

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

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

Разделение дополнительных цветов

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

Разделение дополнительных цветовых схем

Четырехцветные цвета

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

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

Подберите цвета к оттенку вашей кожи

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

Объедините цветовые группы

Постарайтесь сохранить цветовые семьи вместе.