Выбор лучшей цветовой палитры для вашего сайта

Опубликовано: 2019-03-08

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

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

Исаак Ньютон цвет

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

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

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

Ярко-красный, черный и белый

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

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

Средний оранжевый, приглушенный бирюзовый и бежевый

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

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

Яркий желтый, черный и серый

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

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

Насыщенный зеленый, бежевый и белый

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

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

Королевский синий, бледно-желтый, серый

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

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

Лаванда, ярко-розовый и цвет слоновой кости

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

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

Пурпурный и темно-серый

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

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

Создание вашей палитры

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

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

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

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