Используйте семейства цветов и палитры для вашего сайта

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

  • Теплые цвета
  • Холодные цвета
  • Нейтральные цвета

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

Зарядитесь энергией с теплыми цветами

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

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

Расслабьтесь с прохладными цветами

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

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

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

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

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

Использование цветных семейств в веб-дизайне

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

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

Теплый

  • # 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
Ссылка на основную публикацию