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

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

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

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

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

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

Зеленый цвет

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

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

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

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

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

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

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

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

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

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

Черный цвет

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

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

Синий цвет

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

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

Белый цвет

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

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

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

Желтый цвет

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

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

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

Розовый цвет

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

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

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

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

Колористика для дизайнеров. Термины и определения.

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

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

Добавьте цветную иллюстрацию

Цвет

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

Свойства цвета

К основным свойствам цвета относятся тон, яркость, хроматичность и насыщенность.

Тон (hue)

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

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

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

Premiumbeat

Яркость (Value)

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

Хроматичность (Chromacity)

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

Насыщенность (Saturation)

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

Приложение «Календарь» (Tubik)

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

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

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

Типы цвета

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

Первичные цвета (Primary)

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

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

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

RGB:

зеленый + красный = желтый

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

синий + зеленый = голубой

CMYK:

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

фиолетовый + голубой = синий

голубой + желтый = зеленый

RYB:

желтый + красный = оранжевый

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

синий + желтый = зеленый

Третичные цвета (Tertiary)

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

Холодные, теплые и нейтральные цвета

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

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

Приложение по прогнозу погоды (Tubik)

Цветовые модели

Существует несколько цветовых моделей: RGB, RYB, CMY, CMYK.

RGB

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

RYB и CMY

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

CMYK

Модель CMY была видоизменена с появлением фотомеханической печати. Ее ключевым компонентом стали черные чернила, и модель была переименована в CMYK (C — голубой, M — фиолетовый, Y — желтый, K — черный). Без этого дополнительного пигмента ближайший к черному оттенок был бы грязно-коричневого цвета. В настоящий момент данная цветовая модель чаще всего используется в печати.

Printaura

Цветовые палитры

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

Монохромная

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

Визитки Deetu

Аналоговая

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

Анимированный логотип Binned

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

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

Личный кабинет в приложении Home Budget

Раздельно-комплементарная

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

Сайт Financial Service

Триадическая

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

Начальная страница приложения для знакомств от Tubik

Четвертичная/Сдвоенно-комплементарная

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

Приложение Business Card

Я бы хотел закончить прозаичной цитатой Ру Пола: «Весь смысл в том, чтобы проживать жизнь и быть — использовать все цвета из коробки карандашей». Научитесь эффективно пользоваться цветами как в жизни, так и в работе, и результаты вам придутся по душе.

65 лучших фото примеров — INMYROOM

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

Значение синего цвета, его оттенки

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

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

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

Как правильно использовать

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

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

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

Сочетание с другими цветами

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

Желтый

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

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

Белый

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

Черный

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

Розовый

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

Красный

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

Идеи для интерьера

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

В спальне

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

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

В гостиной

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

На кухне

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

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

Фото галерея

65 фото идей синего цвета  в интерьере.

Видео

Значение цвета в графическом дизайне

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

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

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

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

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

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

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

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

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

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

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

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

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

Визуальное восприятие и принципы гештальта — Smashing Magazine

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

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

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

Дополнительная литература по SmashingMag:

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

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

Ключевые идеи, лежащие в основе теории гештальт

«Целое — это не сумма частей». — Курт Коффка

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

Появление (целое идентифицируется перед частями)

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

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

Реификация (наш разум заполняет пробелы)

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

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

Мультистабильность (разум стремится избежать неопределенности)

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

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

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

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

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

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

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

Принципы гештальта

Большинство принципов относительно легко понять. У многих из них есть общая тема.

«При прочих равных, элементы, связанные X, как правило, перцептивно группируются в единицы более высокого порядка.” — Стивен Палмер

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

Закон Прегнанца (Хорошая фигура, Закон простоты)

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

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

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

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

Закрытие

«Видя сложное расположение элементов, мы склонны искать один узнаваемый узор. »

Как и в случае с Prägnanz, закрытие стремится к простоте. Замыкание противоположно тому, что мы видели на изображении Прагнанца выше, где три объекта были проще, чем один. С закрытием мы вместо этого объединяем части, чтобы сформировать более простое целое. Наш глаз заполняет недостающую информацию, чтобы сформировать полную фигуру.

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

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

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

Симметрия и порядок

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

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

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

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

Фигура / фон

«Элементы воспринимаются либо как фигура (элемент в фокусе), либо как фон (фон, на котором стоит фигура)».

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

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

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

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

Единая связность

«Элементы, которые связаны визуально, воспринимаются как более взаимосвязанные, чем элементы без связи.”

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

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

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

Общие области

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

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

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

Близость

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

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

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

Продолжение

«Элементы, расположенные на линии или кривой, воспринимаются как более связанные, чем элементы, не расположенные на линии или кривой».

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

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

Общая судьба (синхронность)

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

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

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

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

Параллелизм

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

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

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

Сходство

«Элементы со схожими характеристиками воспринимаются как более связанные, чем элементы, которые не имеют этих характеристик».

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

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

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

Фокусные точки

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

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

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

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

Прошлый опыт

«Элементы обычно воспринимаются в соответствии с прошлым опытом наблюдателя».

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

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

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

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

Краткое изложение гештальта

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

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

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

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

Дополнительные ресурсы

Я особенно рекомендую эту серию из пяти частей Энди Рутледжа.

Самый распространенный цвет в дизайне.Почему люди любят синий цвет в… | by muditha batagoda

Почему людям нравится использовать синий цвет в своих приложениях

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

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

Синий цвет

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

Довольно сложно описать конкретное спектральное распределение энергии цвета, потому что человеческий глаз воспринимает только один цвет для любого данного распределения энергии.Измерение цвета должно производиться на основе восприятия. Диаграмма, которую я показал здесь, также была наглядным представлением измерения цвета. Эта диаграмма основана на значениях x, y и z (где x = X / (X + Y + Z), y = Y / (X + Y + Z) и z = Z / (X + Y + Z)). Кроме того, поскольку x + y + z = 1, если известны два значения, третье всегда можно вычислить, а значение z обычно опускается. Длина волны синего цвета составляет ~ 490–450 нм, что делает его более приятным для глаз.

Большинство людей не понимают, что пол является ценным активом, когда они приходят к пониманию психологии цвета.Было проведено множество исследований, направленных на понимание гендерного предпочтения цвета. Ранние исследования психологии цвета пытались показать связь между человеческим полом и цветом. Св. Георгий (1938)) утверждал, что синий цвет для мужчин выделяется гораздо больше, чем для женщин. Еще более раннее исследование Ястроу (1897) обнаружило, что мужчины предпочитают синий цвет красному, а женщины красный — синему. Однако исследование Айзенка обнаружило только одно гендерное различие: женщины предпочитают желтый цвет оранжевому, а мужчина — оранжевый.Позднее это открытие было подтверждено Бирреном (1952), который обнаружил, что мужчины предпочитают оранжевый желтому; в то время как женщины поместили оранжевый в конец списка.

Предыдущее исследование показало, что субъекты воспринимали окружающую среду в теплых тонах как менее привлекательную и менее приятную, чем среду в холодных тонах (Bellizzi & Crowley, 1983). Однако, согласно свидетельствам, собранным в ходе этого исследования, испытуемые в этом исследовании, по-видимому, больше страдали от сочетания цветовых свойств, таких как оттенок, значение и цветность, чем от одной лишь прохлады или тепла.Другими словами, цветовые ощущения объекта казались более тонкими и зависели не только от прохлады или теплоты цветовой палитры, но и от калибровки значения, цветности и контраста, используемых в интерьере.

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

Считается, что синий цвет указывает на различные аспекты культуры и стран.Ресурс

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

Синий цвет универсален для дизайнеров

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

Синий цвет и дальтонизм

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

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

Заключение

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

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

Синий цвет в маркетинге и брендинге

Малоизвестный факт: я поэт перформанс.

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

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

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

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

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

Возьмем, к примеру, синий.

Чувствуя блюз

Синий цвет охватывает все виды эмоциональных триггеров:

• Воздушный шар, который взлетает на вечеринке, посвященной раскрытию пола вашего кузена.

• Весеннее небо, обещающее более высокие температуры, уже на подходе.

• Пушистая, вялотекущая печаль, которая обвивает ваши плечи, как ненужный шарф.

• Политическая партия.

• Океан, который вы мечтаете отбросить на песок и когда-нибудь окунуться в него.

Из-за этих эмоциональных связей мы видим синий цвет везде в маркетинговом пространстве.

Наши хорошие друзья Facebook, Twitter и LinkedIn любят синий цвет.А также надежные инструменты, такие как Salesforce, Constant Contact и Zoom. Даже ваш любимый информационный бюллетень, САМЫЙ ПОСЛЕДНИЙ.

За пределами нашего маркетингового пузыря у нас есть IBM, Samsung, Ford, Chase, Lowes, GE, Visa и PayPal, которые выбирают синий для своих брендов.

А почему такой синий?

Наши друзья из CoSchedule хорошо подытоживают:

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

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

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

Итак, как заставить синий работать на вас?

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

Помните, что выбранный оттенок имеет значение.

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

Для иллюстрации ознакомьтесь с этой замечательной инфографикой из руководства CoSchedule Color Psychology in Marketing Guide :

Цвет играет ключевую роль в привлечении внимания пользователей. Фактически, когда HubSpot A / B тестировал цвета призыва к действию (CTA), они «… увеличили коэффициент конверсии, не изменив ничего и о странице, кроме цвета CTA.”

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

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

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

В качестве примера того, как это хорошо работает в дикой природе, посмотрите платформу электронной коммерции Shopify с кнопками в виде барвинка на коричневом фоне:

Что вас привлекло в первую очередь?

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

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

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

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

Пока мы говорим о доверии, давайте рассмотрим автокредиты.

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

Что бросается в глаза?

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

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

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

Когда

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

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

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

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

Вы можете увидеть это в действии в примере ниже:

В целом, Синий — ваш друг.

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

Это особенно верно в отношении универсального синего цвета.

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

Как бы вы это ни делали, оставайтесь творческими. Сообщите нам, как это работает для вас и вашего бренда в IMPACT Elite.

Синий цвет: используйте скрытый смысл в искусстве и дизайне — Лори Макни

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

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

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

Но сначала небольшой обзор:

Синий — основной цвет…

Синий холодный цвет…

Холодные цвета:

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

СИНИЙ: Синий цвет создает ощущение прохладной широты и открытости.Мы думаем о море и небе. Мягкий, успокаивающий, сострадательный и заботливый, синий — это цвет самосозерцания. Синий часто используется в спальнях и спа.
Синий цвет, тесно связанный с водой, является популярным цветом для ванных комнат и кухонь. Из-за спокойствия синий используется в кабинетах врачей и приемных.
Синий — часто формальный цвет, олицетворяющий мудрость и твердый характер. Синий — универсальный успокаивающий цвет. На протяжении многих лет большинство президентов носят синюю одежду во время важных выступлений!
Многие супергерои носят синий цвет! Считается мужским цветом и выбором корпоративной Америки.Но тихий характер и поэтическая тонкость синего также могут ассоциироваться с меланхолией и покорностью.
Помните печально известную картину «Голубой период» Пабло Пикассо? После внезапной смерти хорошего друга Карлоса Касагемаса личная травма Пикассо нашла выражение в серии глубоко сентиментальных картин, которые составляют его «Голубой период» . Сам Пикассо вспоминал: «Я начал рисовать синим, когда узнал о смерти Касагемаса».
А как насчет пения блюз?
Этимология: Блюз Музыка основана на типе музыки под названием « блюз». Блюз выражает разочарование, одиночество и невезение людей, попавших в беду. Музыка медленная и меланхоличная, часто песни о трудностях или невезении.

*****

Пожалуйста, ознакомьтесь с оригинальной статьей и моими источниками «Используйте скрытое значение цвета в своем искусстве».
… вот несколько отличных статей:
Как правильно выбрать кисть для художественной техники
Советы по рисованию воды и отражений
Лучшее за 2010 год: статьи об искусстве, маркетинге и социальных сетях
Вы могли бы Также нравится читать статью, которую я написал в прошлом году в помощь художникам:
Feeling Blue in the Studio?
Кроме того, мне очень понравилось читать книгу: Цветовой стиль: как определить цвета, подходящие для вашего дома… Подробнее о блюз : Как петь блюз | eHow.com http://www.ehow.com/how_2067772_sing-blues.html#ixzz0vzAnmZXI или http://idioms.thefreedictionary.com/sing+the+blues
Спасибо, Лори 🙂

значений синего цвета, значения синего цвета, дизайн интерьера

Значения синего цвета и ассоциации для интерьеров

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

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

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

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

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

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

Какого цвета вы думаете, когда я говорю «синий»? Я думаю, что синий кобальт — насыщенный и яркий, другие думают, что темно-синий — темный и авторитетный, многие думают, что синий порошок — особенно беременные! Наше восприятие синего цвета совершенно иное.Добавляя нейтральный к синему, мы можем получить широкий спектр синего, добавляя черный, мы получаем темно-синий, добавляя белый, мы получаем синий порошкообразный.

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

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

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

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

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

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

Использование двух тонов синего цвета хорошо работает в этой спальне.

Значения синего и цветовые ассоциации

Прохладный, Транквилизатор, Исцеление, Умиротворяющие свойства, Расслабляющий, Успокаивающий, Открытость, Экспансивность, Седативный, Формальность, Водная ассоциация, Свежий, Воздушный, Чувство благополучия, Освежающий, Снижает кровяное давление, Правосудие, Замедляет частоту дыхания, Противоядие от красного, Концептуальный, Ответственный, Спокойствие, Верность, Догматический, Прагматический, Жесткий, Манипулятивный, Консервативный, Авторитетный, Проницательный, Уравновешивающий, Мужской, Пространственный, Небесный.

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

Другие значения цвета

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

Комбинации синего и белого цветов

Комбинации синего и желтого цветов

Дополнительная информация о цвете
Бесплатный курс цвета
Статьи о цветах
Информация о цвете
Значения цвета
Цветовые схемы
Теория цвета
Краска
Популярные цветовые схемы

Нравится:

Нравится Загрузка…

Полное руководство [Бесплатная загрузка]

В контент-маркетинге цвет — это эмоциональный сигнал.

В океане контент-маркетинга цвет может помочь вам выделиться.

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

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

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

Готовы стать экспертом? Давайте начнем!

Загрузите сейчас

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

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

Загрузить сейчас

Начнем с основ теории цвета

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

Основной цвет

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

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

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

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

Таблица цветов:

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

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

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

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

Чистый цвет

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

Это цвета детских игрушек, детских садов и летней одежды.

Оттенки

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

Оттенки варьируются от чуть более белого до почти белого.

оттенков

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

тонов

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

Добавление черного и белого в разных количествах к цвету быстро снижает интенсивность.

Завершенное цветовое колесо

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

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

Теперь, когда вы понимаете теорию цвета и цветовое колесо, вы можете целенаправленно использовать цвет в своем контент-маркетинге.

Правильное использование контраста с цветом

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

Контраст — это то, как один цвет отличается от другого. Это то, что делает текст или объекты отличными от фона. Высокая контрастность — это когда цвета легко отделяются друг от друга. Низкая контрастность — это когда они этого не делают.

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

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

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

Использование высокой и низкой контрастности

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

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

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

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

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

Выбор цветовых комбинаций

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

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

Исследование, проведенное в Университете Торонто, показало, как люди, использующие Adobe Kuler, выявили, что большинство людей предпочитают простых цветовых комбинаций, которые опираются только на от 2 до 3 любимых цветов .

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

Слишком много цветов может сбивать с толку. Так как же выбрать эти 2 или 3 цвета? Цветовой круг может помочь.
Вернуться к началу

Использование дополнительных (противоположных) цветов

Дополнительные цветовые комбинации выделяют вещи.

Дополнительные цвета — это «противоположные» цвета. Они противоположны друг другу на цветовом круге, что означает, что им не хватает одного цвета, который им противоположен.

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

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

Синий — противоположность оранжевому.

Красный цвет противоположен зеленому.

Желтый — противоположность фиолетового.

Противоположности притягиваются!

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

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

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

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

Давайте в качестве примера рассмотрим домашнюю страницу CoSchedule. Какие цвета ты видишь?

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

Внимание: устранение дальтонизма

Небольшое предостережение: Красный и зеленый, два дополнительных цвета, представляют собой липкую проблему. Некоторые люди страдают дальтонизмом и не могут различать определенные цвета, а сочетание красного и зеленого — распространенная проблематичная комбинация. Цвета с большим количеством красного и зеленого в них тоже некачественны. Знаете ли вы, что Facebook синий, потому что Марк Цукерберг дальтоник к красно-зеленому? Он лучше всех видит блюз.

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

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

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

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

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

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

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

Использование аналогичных цветов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Психология цвета красного

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

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

Красный: Стоп-сигналы, День святого Валентина и фильмы ужасов.

Психология цвета апельсина

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

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

Апельсин обычно встречается: Фрукты, спортивные мероприятия и настольные игры.

Психология цвета желтого

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

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

Часто встречается желтый цвет: Транспортные переходы и знаки, смайлики и витрины.

Психология цвета зеленого

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

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

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

Психология цвета синего

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

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

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

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

Психология цвета фиолетового

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

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

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

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

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

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

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

Психология цвета коричневого

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

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

Коричневый обычно встречается: Кемпинги, предметы интерьера и кафе.

Психология цвета золота

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

Золото: Роскошные изделия, кольца и трофеи.

Психология цвета черного

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

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

Психология цвета белого

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

Обычно встречается белый цвет: Свадьбы, фоны веб-сайтов и залы ожидания врачей.

Другие результаты научных исследований цвета

Яркие цвета

Фабер Биррен, исследователь цвета 20-го века и автор книги Color Psychology And Color Therapy , обнаружил кое-что интересное в общих цветовых группах.

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

Это означает, что:

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

Культурный цвет

Цвет также означает разные вещи в разных культурах. По словам исследователя Джо Хэллока, «эскимосы используют 17 слов для обозначения белого цвета применительно к различным условиям снега, тогда как на северо-западе США их всего 4 или 5».

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

Соединения слов с цветом

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

• Доверие: Большинство выбрали синий цвет (34%), за которым следуют белый (21%) и зеленый (11%)
• Безопасность: Синий вышел на первое место (28%), за ним следуют черный (16%) и зеленый (12%)
• Скорость: Красный был подавляющим фаворитом (76%)
• Дешевизна: На первом месте оранжевый (26%), затем желтый (22%) и коричневый (13%)
• Высокое качество: Черный был явным победителем (43%), затем синий (20%)
• Высокие технологии: Это было почти поровну, причем черный был лучшим выбором (26%), а синий и серый вторым (оба 23%)
• Надежность: Синий был лучшим выбором (43%), за ним следовал черный (24%)
• Смелость: Большинство выбрали фиолетовый (29%), затем красный (28%) и, наконец, синий (22%)
• Страх / Террор: Первое место заняли красные (41%), затем черные (38%)
• Развлечения: Оранжевый был лучшим выбором (28%), за ним следовал желтый (26%) и затем фиолетовый (17%)

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

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

Предпочтительные цвета по полу

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

Согласно блогу Kissmetrics и Hallock:

• Синий цвет предпочитают как мужчины (57%), так и женщины (35%), хотя мужчины предпочитают его больше.
• Мужчинам больше всего не нравится коричневый цвет, а женщинам — оранжевый.
• Нелюбимые цвета также считались «дешевыми».
• Мужчины лучше переносят ахроматические цвета (т. Е. Оттенки серого).
• Женщины предпочитали оттенки, а мужчины предпочитали чистые или затемненные цвета.
• Большинство мужчин (56%) и женщин (76%) в целом предпочитали холодные цвета.
• Оранжевый и желтый становятся все менее популярными по мере того, как оба пола становятся старше.

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

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

Что это значит для вас?

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

Цвета настроения и эмоции (инфографика)

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

Цвет и узнаваемость бренда

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

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

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

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

И вопрос в том, какой цвет лучше всего подходит для вас.

Тестирование ваших лучших цветов: пример из практики CoSchedule

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

Но достаточно ли просто выбрать отличную комбинацию?

Вовсе нет; вам нужно знать, как использовать эти цвета по отдельности.Давайте посмотрим на CoSchedule и наши рекламные акции в Facebook в качестве примера. За последний год мы создали несколько дизайнов, некоторые с синим фоном, а другие с оранжевым фоном.

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

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

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

То, что работало в Facebook, может отличаться от Twitter. Вам нужно самостоятельно выяснить, совпадает ли ваша красная кнопка с зеленой кнопкой (как обнаружил Hubspot). Цвет остальной части страницы, вашего контента и объектов размещения будет отличать ваши результаты от того, что обнаружил кто-то другой.

Теперь вы эксперт по психологии цвета!

Цвет вообще интересно изучать как с теоретической, так и с психологической точки зрения.

От Ньютона, Гете, Иттена, Геринга, Юнга-Гельмгольца, Биррена или Мюллера (да, на протяжении всей истории было много теорий о цвете) скромный цветовой круг рассматривался и пересматривался снова и снова. Цвет влияет на нас, и наше поведение изучается неоднократно.

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