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

Есть много других рекомендаций от разных дизайнеров одежды и стилистов, но они зачастую противоречат друг другу. Поэтому мы не стали вносить путаницу в и без того сложную тему утончённого стиля и вкуса, а ограничиться азбукой колористики. Но и этой азбуки вполне достаточно, чтобы одеваться изысканно, ведь согласно общеизвестному "принципу Парето", обладая 20 % информации, можно получить 80 % результата. ..А там уже и до совершенства недалеко:)

Колористика в одежде
основные правила с примерами

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

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




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



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

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

Схема конструкции цветового круга




Сторона дизайнера Сторона художника




Нас, в данной статье, интересует только сторона дизайнера. Рядом с примерами ниже показано как данная схема отображается на стороне дизайнера круга Иттена (в чёрно-белом виде, так как имеется в виду именно схема, а не конкретное сочетание) Итак..

Монохромная гамма

• Один и тот же цвет разной насыщенности - беспроигрышный вариант:




Родственная гамма

• Близкие тона на круге Иттена - аналоговая, или родственная гамма:




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



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

Без знания правил колористики тут не обойтись. А правила такие:

Комплементарная пара

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




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



Триада


• Три ярких цвета - триада. На круге Иттена это равносторонний или равнобедренный треугольник. Приблизительно равное по количеству их сочетание характерно для моды 70-х годов, но необязательно, ведь в расчёт идёт ещё и фасон и всё остальное.

Посмотрите вполне современные примеры:



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

Тетрада - многообразие красок

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



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



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

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

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

Заключение

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

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

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

Надеемся, этот пост будет полезен вам на практике при выборе одежды и/или аксессуаров к ней.

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

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

Таблица цветовых сочетаний

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

Замечали ли вы когда-нибудь, как в бутиках расположены те или иные комплекты одежды: брюки, рубашки, платья, джемпера, шарфы? Что так особенно манит вас купить именно эти брюки, к примеру? Цвет?

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

Таблица сочетания цветов в одежде

Немного юмора в тему;-)

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

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

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

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

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

Сочетание синего цвета с оранжевым

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

Темно-синий и кремовый цвет в одежде

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

Люди, которые предпочитают синий цвет – сильные, уверенные личности. Вот почему это самый выигрышный вариант после черного цвет в деловом мире.

Как использовать зеленую одежду?

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

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

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

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

Зеленый особенно любят рыжеволосые люди, поэтому можно предположить, что зеленый дружит с:

• оранжевым;
• синим;
• голубым;
• желтым;
• белым.

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

Что делать с фиолетовым?

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

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

Одежда в фиолетовых красках прекрасно сочетается с:

• желтым;
• оранжевым;
• белым;
• с более светлыми или темными оттенками того же фиолетового в одном образе.

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

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

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

Коричневые оттенки

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

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

Коричневый цвет зависит от текстуры тканей, в которой он будет подан.

Хорошо гармонирует в виде кожаных элементов – куртки, обуви, сумки, ремешков.

Коричневый отлично подходит к:

• белому;
• джинсовому, синему;
• ярко-голубым цветам;
• кремовым легким тонам;
• розовому цвету в стиле фуксия, палевому, бежевому;
• зеленому.

Что делать с бежевым?

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

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

Бирюза – с чем носить?

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

Бирюзовый или больше мятный оттенок

Бирюзовый хорош в виде легких блуз, брюк, топов, платьев, шарфов.

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

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

Красный – страсть и вызов

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

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

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

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

Цвет бордо в одежде

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

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

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

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

Сочетания в одежде по типу контраста

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

Темное сочетается со светлым образуя контраст по светлоте.

Сочетание в одежде по температуре:

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

Сочетание дополнительных цветов:

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

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

Сочетание одежды по насыщенности

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

Сочетание одежды по размеру цветового «пятна»

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

Теперь о том, по какому принципу сочетать цвета.

Сочетания в одежде по цветовому кругу

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

1 Желтый . К нему относятся различные оттенки желтого, теплого бежевого, золотого, горчичного.
2 Желто-зеленый (или салатовый) . Это шартез, оттенки лайма, оливковые, защитные, болотные цвета, хаки.
3 Насыщенный средний зеленый (зелень) . Это яркие оттенки Келли, зеленого горошка, чая, насыщенные темно-зеленые оттенки, бледно-зеленые тона.
4 Сине-зеленый . К ним относятся холодные оттенки зелени, бирюзовые, аква оттенки голубого, зеленого, цвет яйца дрозда, мята, ментол, нефритовый, изумрудный, тон полыни.
5 Средний синий . Оттенки синего, небесно-голубого; темно-синий, берлинская лазурь, джинсовые тона.
6 Фиолетовый . Это лавандовый, фиалковый, сиреневый. Темно-фиолетовый, фиолетовый ультрамарин, серо-фиолетовые тона.
7 Аметистовый (светлый красно-фиолетовый) . В этом секторе находятся лиловые тона, орхидеи, темный красно-фиолетовый, пурпурно-фиолетовые.
8 Пурпур . Это розовые, лиловые тона, маджента, виноградный, баклажанный, сливовый.
9 Красный . Это алые, гранатовые, бордовые, вишневые тона. Сюда же относится теплые розовые и красно-коричневые оттенки.
10 Красно-оранжевый . Сюда входят оттенки коралла, бежевые, насыщенные коричневые.
11 Оранжевый . Это осенние тона оранжевого, персиковые, мягкий бежевый, телесный, средне-коричневые и темно-бежевые.
12 Оранжево-желтый . Это солнечно желтые цвета, оттенки абрикоса, мягкого бежа, желто и золотисто-коричневые, темный беж.

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

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

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

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

Давайте рассмотрим основные сочетания цветов.

Сочетание белого в одежде

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

Сочетание серого в одежде

Сочетание холодного зеленого в одежде

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

Сочетание желтого в одежде

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

Сочетание оранжевого в одежде

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

Сочетание красного в одежде

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

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

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

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

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

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

Прочитав эту статью, вы узнаете, как:

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

Каким образом цвет влияет на восприятие вашего сайта и бренда?

Если я попрошу вас подумать о Кока-Коле, что первым придет вам на ум? Скорее всего, в вашем воображении всплывёт красный логотип Кока-Колы:

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

Красный в цветовой схеме несет в себе два важных послания:

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

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

85% покупателей признают, что основной причиной покупки товара явился его цвет.

Узнаваемость бренда увеличивается на 80% при использовании цвета.

3 шага к правильному использованию цвета на вашем сайте

При разработке дизайна сайта нужно:

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

1. Выбор преобладающего цвета

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

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

Как выбрать правильный цвет

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

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

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

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

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

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

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

Какой цвет использовать для вашего сайта?

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

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

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

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

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

Фиолетовый – символ величия, богатства, успеха и мудрости. Часто присутствует в косметике. Влияет на людей успокаивающе.

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

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

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

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

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

Разница в цветовом восприятии мужчин и женщин

На кого преимущественно рассчитан ваш сайт, на мужчин или на женщин? А может и на тех, и на других?

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

Мужчины предпочитают яркие цвета, а женщины приглушенные.

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

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

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

Светлые и темные оттенки

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

Женщины

Синий, фиолетовый, зеленый.

Оранжевый, коричневый, серый.

Мужчины

Наиболее предпочтительные цвета: синий, зеленый, черный.

Наименее предпочтительные цвета: коричневый, оранжевый, фиолетовый.

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

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

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

Часто люди покупают определенные товары или услуги, чтобы произвести конкретное впечатление на других.

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

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

Теперь ясно?

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

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

Как использовать главный цвет на вашем сайте

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

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

Например, позвонить по телефонному номеру, заполнить форму, подписаться на обновления и т.п.

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

Где использовать преобладающий цвет на сайте?

• Логотип;
• Вкладки меню;
• Кнопка «Позвонить»;
• Важная информация;
• Заголовки и названия;
• Кнопки.

2. Выбор акцентных цветов

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

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

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

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

Как только вы определились с преобладающим цветом, нет ничего проще, чем подобрать акцентные цвета с помощью таких программ, как Adobe Color CC Tool :

Вот короткая инструкция, которая покажет вам, как создать цветовую схему одним из двух способов:

1. На основе преобладающего цвета

Шаг 1. Для начала узнайте код вашего преобладающего цвета. Например, на сайте ColorPicker.com . Код цвета указан в прямоугольнике прямо над квадратом с цветовой палитрой.

Скопировав код с ColorPicker.com , вставьте его в поле «НЕХ » инструмента Adobe Color . Убедитесь, что вы вставили код в колонку посередине:

Вставьте код преобладающего цвета вашего сайта в прямоугольник ПОСЕРЕДИНЕ.

Как только вы зададите цвет, Adobe Color отобразит его на экране вместе с другими комплементарными цветами.

Шаг 2 . В левой верхней стороне вы увидите прямоугольник со следующими цветовыми схемами:

• Последовательная;
• Монохромная;
• Треугольная;
• Комплементарная;
• Составная;
• Оттенки.

Выберите цветовую схему

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

Шаг 3 . Сделайте цветовую схему еще продуманнее, перемещая один из указателей цвета.

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

CMS и конструкторы сайтов позволяют вставить цветовые коды (HEX ) для выделения любой части вашего сайта:

Скопируйте цветовые коды (HEX ) для вашей цветовой схемы для сайта.

1. На основе понравившейся фотографии

Порой проще искать цветовые решения на просторах интернета и вдохновляться ими.

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

Шаг 1. Загрузите фотографию:

Нажмите на значок камеры, чтобы загрузить изображение.

Шаг 2. Выберите одно из пяти цветовых настроений:

• Красочное;
• Яркое;
• Приглушенное;
• Насыщенное;
• Темное.

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

Выберите цветовое настроение.

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

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

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

Чтобы увидеть коды (HEX ) цветов, нажмите на цветное колесико, расположенное в правом верхнем углу:

Нажмите на цветное колесико, чтобы увидеть коды цветов:

Скопируйте цветовые коды (HEX ) для вашей цветовой схемы.

Где размещать вспомогательные цвета

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

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

Где использовать вспомогательные цвета на вашем сайте?

• Активная кнопка меню;
• Подзаголовки;
• Выделение второстепенной информации.

1. Выбор фонового цвета

Вам когда-нибудь приходилось красить стены в своем доме?

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

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

Выбор фонового цвета для вашего сайта не сильно отличается от выбора краски для вашей комнаты!

Как правильно выбрать цвет фона

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

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

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

Фоновый цвет вашего сайта зависит от того, на что вы хотите обратить внимание пользователей.

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

Тип 1 – Ресурсы с большим количеством контента или интернет-коммерция

Замечали ли вы, что информационные ресурсы и интернет-магазины часто используют белые или нейтральные цветовые схемы для сайта?

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

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

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

Тип 2 – Корпоративные сайты и сервисы

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

В зависимости от того, какова цель вашего сайта, фоновый цвет должен отличаться.

Продвижение бренда

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

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

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

Продвижение сервиса

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

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

Тип 3 – Стильные и креативные сайты с большим количеством графики

Если вы собираетесь создать сайт, связанной с творчеством (мода, дизайн, ресторанный бизнес, красота и т.д. ), для вас нет никаких ограничений.

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

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

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

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

Заключение и итоги

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

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

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

• Выбрать для сайта правильный преобладающий цвет;
• Выбрать для преобладающего цвета правильные вспомогательные цвета;
• Выбрать соответствующий фоновый цвет.

Данная публикация представляет собой перевод статьи «How to Choose a Good Color Scheme For Your Website » , подготовленной дружной командой проекта

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

Шаги

Выбор цвета в зависимости от цвета кожи

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

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

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

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

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

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