Skip to content

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

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

Красный

Член семьи теплых цветов, сильным и эмоционально-насыщенный цвет.

colour-red

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

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

  • энергия
  • позитив
  • действие
  • война
  • опасность
  • прочность
  • мужество
  • все интенсивное и страстное

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

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

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

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

Оранжевый

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

colour-orange

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

Чаще всего его ассоциируют с:

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

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

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

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

Желтый

Последний из основных теплых цветов — желтый — яркий и творческий цвет.

colour-yellow

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

Данный цвет ассоциируют с такими объектами, как:

  • креативность
  • солнечный свет
  • счастье
  • энергия
  • трусость
  • обман
  • предупреждения
  • нестабильность
  • ясность
  • деятельность

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

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

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

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

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

Зеленый

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

colour-green

Некоторые ассоциации зеленого цвета:

  • весна
  • рост
  • обновление и возрождение
  • сбалансировать
  • природа
  • трава и сады
  • стабильность
  • плодородие
  • безопасность
  • деньги
  • утилизация

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

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

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

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

Синий

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

colour-blue

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

Некоторые ассоциации для синего цвета:

  • море
  • небо
  • доверие
  • честность
  • лояльность
  • искренность
  • мир
  • спокойствие
  • интеллект

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

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

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

Фиолетовый

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

colour-violet

Чаще всего фиолетовый цвет ассоциируется с такими вещами, как:

  • царственность
  • воображение
  • мощь
  • роскошь
  • богатство
  • экстравагантность
  • амбиция
  • мудрость
  • магия
  • тайна

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

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

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

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

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

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

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

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

  • Оттенок (hue) — сам цвет, например: зеленый, синий, красный, фиолетовый и т.д.
  • Свет (tint) — осветление оттенка за счет добавления *белого* цвета к нему.
  • Тень (shade) — наоборот затемнение оттенка за счет добавления *черного* цвета.
  • Тон (tone) — создается при добавлении *серого* к оттенку.

Монохромная

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

colour-wheel-monochromatic

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

Аналоговая

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

colour-wheel-analogous

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

Дополняющая

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

colour-wheel-complementary

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

Расколото-дополняющая

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

colour-wheel-split-complementary

Например, если основной цвет — фиолетовый, то другие два цвета находятся по сторонам от желтого (противоположного фиолетовому) на цветовом колесе: это салатовый и ярко-оранжевый.

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

Треугольная

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

colour-wheel-triadic

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

Тетрадная

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

colour-wheel-tetradic

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

Заключение

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

Источник: WebDesign Tuts+

Данная запись является частью серии "Школа дизайна для разработчиков".

Определяем и учитываем цвета

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