Одним из лучших способов изменить настроение дизайна веб-страницы является изменение цветовой схемы. Если вы собираетесь использовать цвет, чтобы повлиять на настроение, это помогает понять цветные семьи и то, что они представляют. Цветные семейства - это разногласия цветового круга на три типа цветов:
- Теплые цвета
- Прохладные цвета
- Нейтральные цвета
Хотя возможно иметь дизайн, который использует цвета из всех трех семейств, большинство дизайнов имеют общее ощущение тепла, прохлады или нейтралитета.
Энергия с теплыми цветами
Теплые цвета включают оттенки красного, оранжевого и желтого цветов и вариации на эти цвета. Их называют теплыми цветами, потому что они вызывают ощущение солнечного света и огня - теплые вещи. Конструкции, которые используют теплые цвета, как правило, подпитываются и поднимают настроение. Они подразумевают страсть и позитивные чувства у большинства людей. Теплые цвета, как правило, являются цветами творчества, праздника, страсти, надежды и успеха.
Теплые цвета создаются с использованием только двух цветов: красного и желтого. Эти основные цвета объединяются, чтобы сделать апельсин. При смешивании цветов вы не пользуетесь холодными цветами в теплой палитре.
Расслабьтесь с простыми цветами
Холодные цвета включают оттенки зеленого, синего и пурпурного цветов и вариации на эти цвета. Их называют прохладными цветами, потому что они вызывают ощущение воды, деревьев и ночи. Они создают ощущение расслабления, спокойствия и запаса. Дизайны, которые используют холодные цвета, часто воспринимаются как профессиональные, устойчивые и деловые.
В отличие от теплых цветов, есть только один основной цвет, синий, в прохладных цветах. Поэтому, чтобы получить другие цвета в палитре, вы смешиваете красный или желтый с синим, чтобы получить зеленый и фиолетовый оттенки. Это делает зеленый и фиолетовый теплее, чем синий, что является чистым прохладным цветом.
Нейтральные цвета
Нейтральные цвета состоят из коричневого цвета, который представляет собой комбинацию всех трех основных цветов и двух оставшихся цветов: черного и белого. Чем более грязный или серый цвет, тем более нейтральным оно становится. Нейтральные проекты сложнее определить, потому что большая часть чувства, которое они вызывают, - это теплые и прохладные цвета, которые влияют на них. Черные и белые конструкции считаются элегантными и сложными, но поскольку эти цвета настолько резкие, они могут быть сложными при создании эффективных веб-дизайнов.
Другим способом создания нейтральной палитры является добавление черного или белого цвета в теплый или холодный цвет, чтобы сделать цвет более серым.
Использование цветовых семейств в веб-дизайне
Если вы пытаетесь вызвать настроение в своем веб-дизайне, цветные семьи помогут вам это сделать. Один хороший способ проверить это - создать разные палитры в трех цветовых семействах и сравнить свой дизайн с использованием всех трех. Вы можете заметить, что весь тон страницы изменяется при изменении цвета.
Вот несколько палитр образцов, которые вы можете попробовать со своей веб-страницей в разных цветовых семействах:
Теплый
- # 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
