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