Цветовые гаммы в веб-дизайне (коды цветов)

Ключевые цветовые гаммы

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

  • тёплые цвета,
  • холодные цвета,
  • нейтральные цвета.

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

Тёплые цвета

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

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

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

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

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

Нейтральные цвета

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

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

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

Вот некоторые примеры цветов из различных цветовых палитр:

Теплые:

# Cc333F, eb6841 #, # edc951
# Ffd573, ff773d #, # f73e3e
# Ffe545, fefbaf #, # c2a34f, # fbb829
# Ffab03, fc7f03 #, # fc3903, # d1024e

Холодные:

# 69d2e7, a7dbd8 #, # e0e4cc
# 2a044a, 0b2e59 #, # 0d6759, # 7ab317, # a0c55f
# 8ca315, 5191c1 #, # 1e6495, # 0a4b75
# 8fbfb9, 6493a7 #, # bddb88, e0f3b2 #, # eefaa8

Нейтральные:

# D9ceb2, # 948c75, # d5ded9, 7a6a53 #, # 99b2b7
# E6cba5, ede3b4 #, # 8b9e9b, # bd7578
# D8d0c8, d2d0c8 #, # cbd0c8, # c4d0c8
# 182009, # 464b35, # 757661, # d1ccb9

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *