Дизайн

Синий цвет в дизайне – Психология цвета в дизайне, таблица цветов

25.03.2017

Содержание

Психология цвета в дизайне, таблица цветов

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

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

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

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

Красный цвет

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

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

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

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

Оранжевый цвет

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

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

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

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

Желтый цвет

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

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

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

Зеленый цвет

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

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

Синий цвет

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

Влияние синего цвета в некоторых странах диаметрально противоположное. Так, в Египте, как и во многих странах мира, синий цвет обозначает цвет неба, спокойствия, истины. Интересным моментом египетской истории было то, что при завершении строительства пирамид, каждую было велено окрашивать внутри в синий божественный цвет. А вот американцы связывают синий цвет с мужеством и стойкостью, именно это символичное значение и было заложено в синее поле государственного флага США. В Японии же синий цвет, как не странно, ассоциируется с обманом и мошенничеством, а для иранцев он обозначает скорбь. Китайцы же, наоборот, связывают данный цвет с величием и бессмертием человеческой души.

Бирюзовый цвет

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

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

Фиолетовый цвет

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

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

Розовый цвет

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

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

Коричневый цвет

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

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

Серый цвет

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

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

Черный цвет

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

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

Белый цвет

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

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

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


Копирование материалов запрещено, все материалы защищены авторским правом. Дизайн-студия Елены Шутовой.

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

e-shutova.com

Цвет в веб-дизайне: как вызвать у пользователя нужные эмоции

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

Умение использовать цвета можно прокачивать до бесконечности. Это настоящая бездна возможностей для воздействия на человека.

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

Теория цвета

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

Можно разбить теорию цвета на три части:

Контраст

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

Цветовое колесо
Дополнение

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

Резонанс

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

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

BBC News

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

Эмоциональное восприятие цвета

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

На основе нескольких исследований — анализа, опубликованного на сайте Vandelay Design, и поста о цветах в Smash Magazine — мы объясним, как цвета влияют на эмоции и помогают создавать UX-дизайн.

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

Красный

Эмоции и ассоциации: власть, важность, молодость.

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

Например, красный цвет очень подходит сайту No Way NSA, цель которого — предупреждать о предполагаемых угрозах.

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

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

Оранжевый

Эмоции и ассоциации: дружелюбие, энергия, уникальность.

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

Сайт Fanta

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

Жёлтый

Эмоции и ассоциации: счастье, энтузиазм, архаичность (более тёмные тона).

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

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

Flash Media

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

Зелёный цвет

Эмоции и ассоциации: рост, стабильность, темы финансов, темы окружающей среды.

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

Ameritrade

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

Синий цвет

Эмоции и ассоциации: спокойствие, безопасность, открытость (более светлые оттенки), надёжность (более тёмные оттенки).

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

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

Отличный пример — агентство событийного дизайна Van Vliet & Trap. Используя синие цветы в качестве фона, они визуально намекнули на свои знания и умения во флористике, а также создали ощущение надёжности и доверия.

Van Vliet & Trap

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

Фиолетовый

Эмоции и ассоциации: роскошь, романтика (светлые оттенки), мистика и тайна (тёмные оттенки).

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

Cadbury

Более светлые оттенки, такие как лавандовый (фиолетовый с добавлением розового), навевают мысли о романтике, тогда как тёмные оттенки кажутся более шикарными и таинственными.

Чёрный

Эмоции и ассоциации: власть, изысканность, нервозность.

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

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

Для большинства сайтов чёрный используется, чтобы создать ощущение изысканности. От сочетания чёрного и белого в минималистичном дизайне создаётся впечатление элегантности и стиля, как на сайте Dream and Reach компании BOSE.

Dream + Reach
Белый

Эмоции и ассоциации: чистота, простота, добродетель.

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

Сайт с работами Клоина Тошева

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

Серый цвет

Эмоции и ассоциации: нейтральность, формальность, меланхолия.

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

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

Awwwards

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

Бежевый

Эмоции и ассоциации: передаёт характер остальных цветов.

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

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

Dishoom

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

Цвет слоновой кости

Эмоции и ассоциации: комфорт, элегантность, простота.

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

Можно использовать цвет слоновой кости вместо белого, чтобы смягчить контраст между ним и более тёмными цветами. Например, на сайте Art in My Coffee коричнево-оранжевые элементы размещены на фоне цвета слоновой кости (который выглядит сероватым), что сохраняет ощущение теплоты.

Art in My Coffee

Цветовая гамма

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

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

Триада (тройная гармония, треугольник)
Триада

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

На цветовом круге из 12 цветов выберите любые три, расположенные в 120 градусах друг от друга: один цвет для основного фона и два для контента и панели навигации.

Двойная комплиментарная система
Двойная комплиментарная система

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

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

Flourish
Аналоги (последовательная система)
Аналоги

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

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

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

Blinksale

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

Инструменты-помощники для выбора цвета

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

  1. Adobe Color CC, ранее известный как Adobe Kuler. Это один из самых надёжных инструментов в выборе цвета.
  2. Paletton. Если вам нужен простой инструмент для максимально быстрого выбора цвета, Paletton отлично подойдёт.
  3. Flat UI Color Picker. Прекрасный инструмент для выбора цвета пользовательского интерфейса.

А если эти инструменты вам не подходят, вот ещё 28 сайтов с палитрами и разными инструментами для выбора цвета.

Прямая зависимость между цветом и эмоциями

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

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

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

lifehacker.ru

Синий цвет в дизайне интерьера, варианты, фото – Rehouz

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

Синий цвет в интерьере

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

Стилистика и синий цвет

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

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

Синий цвет и особенности помещения

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

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

Синий цвет от порога до кухни

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

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

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

Гостиная. Способность синего цвета добавлять простора может сыграть не очень удачную шутку, если комната итак большая. В таком случае синие тона сделают её безликой, монотонной.
Важно учесть и расположение окон, и количество естественного света. Если его немного, окна обращены на север, изобилие синего цвета придаст гостиной угрюмости и отчужденности.
Собственно, чтобы красиво и ярко оформить интерьер главной комнаты дома, достаточно мягких предметов мебели: большого дивана, кресел или пуфиков василькового цвета. А если к этому ансамблю добавить белые шторы, пару морских раковин на полке и пейзаж а-ля Айвазовский – получится не просто синяя, а «морская» гостиная!

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

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

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

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

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

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

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

Сочетания синего цвета в домашнем интерьере

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

К самым популярным и приятным для глаз можно отнести и такие дуэты:

  • синий и белый – усилят атмосферу легкости, опрятности и свежести;
  • синий и мятно-зеленый – придадут помещению «пейзажности», привнесут ощущение гармонии и полноты бытия;
  • синий и желтый – отличное «лекарство» от хандры, вариант для творческих, раскованных натур;
  • синий и серебряный – воплощение сдержанной роскоши, подойдет для гостиных и спален в классическом стиле;
  • синий и розовый – немного сумасбродная пара, которая, тем не менее сделает ваше жилище динамичным и нарядным.

Аксессуары и декор для синего интерьера

Этот цвет буквально роднится с бархатом и шелком, с фарфором и фаянсом, «морскими украшениями» (раковины, кораллы, звезды), с золотой или серебряной отделкой.

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

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

Синий цвет в интерьере — фото

rehouz.info

Цвет в дизайне / ua-hosting.company corporate blog / Habr

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

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

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

Правила соответствия цветов

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

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

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

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

Триада образовывается из трех цветов, равномерно удаленных друг от друга. Схема триады создает контраст, где один цвет доминурует, а два других — расставляют акценты.

Две пары используют четыре цвета вместе в форме двух наборов дополнительных цветов.

Полезные веб-сайты

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

СOLOURlovers

www.colourlovers.com/palettes/most-views/all-time/meta

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

Color Safe

colorsafe.co

Веб-сайт с красивыми и доступными цветовыми палитрами, основанными на рекомендациях WCAG Guidelines.

COLORS

clrs.cc

Простая палитра цветов для веб-разработки.

UiGradients

uigradients.com/#PinotNoir

Большая коллекция уже готовых цветных градиентов.

Couleurs

couleursapp.com

Удобное приложение для того, чтобы «выхватывать» и сохранять цвета, которые отображаются на экране.

Web Colour Data

webcolourdata.com

Делает разбивку любого сайта по цветовой гамме (по номерам и образцам).

Material Palette

www.materialpalette.com

Генерирует цветовую палитру дизайна.

Material Colors

materialcolors.com

Подборка цветовых образцов из Google’s Material Design Guidelines.

Material Design Colors

www.designskilz.com/colors

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

Material Design Palette

codepen.io/addyosmani/full/jlvoC

Цветовая палитра на 500 диапазонов оттенков для Android, веб и iOS.

Colours

colours.neilorangepeel.com

Цвет по номерам и расположению на палитре.

Rrggbb

rrgg.bb

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

Fifty Shades Of Grey For Web Designers

www.mynameisq.com/web-lab/fifty_shades_of_grey

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

Fifty Shades Of Grey For Web Designers

hex.colorrrs.com

Сайт, подбирающий цвет.

Material UI Colors

www.materialui.co/colors

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

Adobe Color CC

color.adobe.com/ru/create/color-wheel

Выхватывает цвета и оттенки из внешней среды — достаточно навести камеру телефона на что-то красочное.

Coolors

coolors.co/app/f2ee7a-7c6582-6252aa-f1ffc9-cdc5bb

Быстрый генератор цветовой схемы для дизайнеров.

BADA55.Io

bada55.io

Сайт предлагает наиболее агрессивные названия для цветов CSS.

Paletton

paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

Цветовая схема для дизайнеров.

Colourcode

colourco.de

Выбор цвета, основанные на hsl. Схема включает разные комбинации цвета.

Color Palette Generator

www.degraeve.com/color-palette

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

Color Palettes Color Schemes

www.color-hex.com/color-palettes

ColorSchemer

www.colorschemer.com/online.html

Он-лайн схема, генерирующая цвет.

Colllor

colllor.com

Генератор цветовой палитры.

Contrast-A

www.dasplankton.de/ContrastA

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

Color Hex

www.colorhexa.com

Сайт предоставления информации о любом цвете. Достаточно ввести любые цветовые значения в поле поиска и Color Hex выдаст подробное описание, автоматически преобразовывая в RGB, CMYK, HSL, HSV, CIE-Lab, Хантер-Lab, CIE-Luv, CIE-LCH, XYZ и XYY.

СolorExplorer

www.colorexplorer.com

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

ColorLuck

7act.ru/colorluck.php

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

habr.com

Выбор правильного сочетания для вашего сайта / Habr

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

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

Итак, приступим к знакомству с магией цвета…

Цветовая теория: основные принципы. Умение сочетать цвета

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

Рассмотрим цветовой круг.

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

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

Основные цвета
Есть три основных цвета: красный (# ff0000 в HTML или # F00 в CSS), желтый (# FFFF00 в HTML или # ff0 в CSS) и голубой (# 0000FF в HTML или # 00f в CSS). Нельзя их получить путем смешивания других цветов. Дополнительные цвета могут быть сформированы путем объединения этих трех цветов.

Составные цвета
Есть также три основных: оранжевый (# ff9900 в HTML или # F90 в CSS), зеленый (# 00FF00 в HTML или # 0f0 в CSS) и фиолетовый (# FF00FF в HTML или # f0f в CSS). Вы можете получить их путем смешивания красного и желтого(оранжевого), желтого и синего (зеленый) и синего и красного (фиолетовый).

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

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

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

Цвета в разных культурах: символизм

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

  • Китай: цвет невесты, удачи, торжества
  • Индия: чистота
  • Южная Африка: траурные цвета
  • Восток: радость (в сочетании с белым)
  • Запад: возбуждение, любовь, страсть
  • США: рождество (с зеленым), день святого Валентина (с белым)
  • Иврит: жертва, грех
  • Япония: жизнь
  • Христианство: жертва, страсть, любовь
  • Фэн-шуй: Янь, огонь, удача, уважение, защита, живучесть, деньги, признание

Голубой

  • Европа: успокоение
  • Иран: траур, цвет неба и духовность
  • Китай: бессмертие
  • Индуизм: цвет Кришны
  • Иудаизм: святость
  • Христианство: цвет Христа
  • Католицизм: цвета одежды Марии
  • Ближний Восток: защита
  • В мире: цвет безопасности
  • Фэн-шуй: Инь, вода, спокойствие, любовь, исцеление, релаксация, доверие, приключения
  • Запад: печаль, депрессия

Желтый

  • Европа: счастье, надежда, радость, трусость в опасностях, слабость
  • Азия: цвет имперского
  • Египет: траур
  • Япония: мужество
  • Индия: торговцы
  • Буддизм: мудрость
  • Фэн-шуй: Янь, Земля, благоприятный, солнечные лучи, тепло, движение

Оранжевый

  • Европа: осень, урожай, творчество
  • Ирландия: протестанты (религиозные)
  • США: Хэллоуин (с черным), дешевые товары
  • Индуизм: шафран (персиковый оранжевый) священный цвет
  • Фэн-шуй: Янь, Земля, цели, усиливает концентрацию

Коричневый

  • Колумбия: препятствие продажам
  • Австралийские аборигены: цвета земли, торжественное охра
  • Фэн-шуй: Янь, Земля, промышленность

Зеленый

  • Япония: жизнь
  • Ислам: надежда, добродетель
  • Ирландия: символ всей страны
  • Европа / США: весна, новое рождение, День Святого Патрика, Рождество (с красным)
  • США: деньги
  • Индия: Ислам
  • Фэн-шуй: Инь, дерево, исцеление, здоровье, успокаивающее

Фиолетовый

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

Белый

  • Европа: брак, ангелы, врачи, больница, мир
  • Япония: траур, белая гвоздика символизирует смерть
  • Китай: траур, смерть,
  • Индия: несчастья
  • Восток: похороны
  • Фэн-шуй: Янь, металл, смерть, призраки, траур, равновесие, уверенность

Черный

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

Значение цветов

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

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

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

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

Бодрость и творчество. Ассоциируется с дружелюбием, уверенностью, игривостью, мужеством, стойкостью.
Фиолетовый

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

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

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

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

Выражает нежность, романтичность, женственность, пассивность, привязанность, воспитание, слабость.
Черный

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

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

Существуют некоторые полезные советы, которые помогут Вам в выборе правильной цветовой схемы для вашего сайта. Эти маленькие советы широко используют профессиональные web-дизайнеры.
  1. Если вы хотите, чтобы текстовое содержимое, было легко читаемым, выбирайте контрастные цвета.
  2. Оптимальное количество цветов. Не делайте из Вашего сайта цирк.
  3. Используйте необходимое количество цветов. Минимальное количество цветов, может способствовать серости Вашего сайта.
  4. Если вам нужно привлечь посетителя, применяйте интенсивные цвета.
  5. Вы можете найти дополнительные цветовые схемы приобщаясь чаще к природе.

Полезные ссылки по теме:

Источник: Colors in Web Design: Choosing a right combination for your Website

habr.com

Крутая шпаргалка по сочетанию цветов

Ребята, мы вкладываем душу в AdMe.ru. Cпасибо за то,
что открываете эту красоту. Спасибо за вдохновение и мурашки.
Присоединяйтесь к нам в Facebook и ВКонтакте

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

Схема № 1. Комплементарное сочетание

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

Схема № 2. Триада — сочетание 3 цветов

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

www.adme.ru

Цвет в дизайне и его значение |

11 марта 16:29 2012 by Игорь Коваленко

Цвет в дизайне – это самый главный элемент, иногда кажется, что в структуре сайта всё идеально и красиво расставлено, но складывается впечатление какой-то «нехватки», может быть причина именно в не правильно подборе цвета? Вы не задумывались над этим вопросом?

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


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

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

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

Зеленый цвет

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

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

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

Красный цвет в дизайне


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

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

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

Оранжевый цвет


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

Из негативных свойств – ассоциация с ложью и невежеством.

Черный цвет


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

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

Синий цвет


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

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

Белый цвет


Тут всё просто — это первым делом чистота, простота, совершенство, свет и безопасность. Из плохих ассоциаций – это пустота и иногда холод.

Фиолетовый цвет


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

Желтый цвет


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

Коричневый цвет


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

Розовый цвет


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

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

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

На этом всё, спасибо за внимание и не забывайте подписываться на обновление блога.

symby.ru

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

Ваш адрес email не будет опубликован.