Слышали ли вы, что только с помощью правильно подобранного цвета можно магическим образом влиять на людей, их эмоции, чувства, покупательную способность? Художники, дизайнеры, маркетологи в своей работе используют правила подбора цветовых схем, знают, что такое цветовое колесо и как умело им управлять.
В далеких 1660 годах, сидя дома во время карантина из-за бубонной чумы, Исаак Ньютон проводил эксперименты с цветом. Он изучал расщепления светового луча с помощью призмы.
В итоге он получил 7 известных нам цветов спектра. Далее художник Йохансен Иттен предложил цветовой круг из 12 частей, которым и по сей день пользуются дизайнеры и художники. Все свои исследования цвета на протяжении 50 лет он изложил в книге «Искусство цвета».
За основу художник взял 3 чистых основных цвета: синий, красный, желтый. Они называются первичными. При их смешивании получают вторичные цвета: фиолетовый (синий+красный, оранжевый (красный+желтый), зеленый (синий+желтый). Остальные цвета (третичные) образуются путем смешивания первичных со вторичными или двух вторичных цветов. Человеческий глаз способен отличить до 100 тыс. оттенков. Существуют правила цветовых сочетаний.
Комплементарные
Два противоположных цвета из цветового круга всегда сочетаются друг с другом, создают эффектный и заметный контраст. Дополнительный цвет хорошо применять для выделения чего-то важного, оформления призывов к действию.
Монохромные
Здесь берутся гармоничные переходы разных оттенков одного цвета, которые могут разбавляться белым. Они всегда будут сочетаться и часто применяются в дизайнерских проектах. Разбавление белым или черным цветом поможет избежать монотонности.
Аналогичные
3 цвета, расположенных рядом друг с другом будут составлять аналогичные цвета. Универсальное сочетание цветов может иметь подавляющую функцию. Поэтому лучше выбрать один цвет доминирующим, а остальные использовать в качестве акцентов.
Треугольные
Это три цвета, находящиеся на одинаковом расстоянии друг от друга и образующие треугольник. Данный вариант образует высококонтрастное сочетание, похожее на дополнительные сочетания, но более сбалансированное. Также лучше выбрать доминирующий цвет, а остальные акцентными.
Квадратные
4 цвета вместе в виде двух наборов дополнительных цветов предлагают большое цветовое разнообразие. Важно избегать чистых цветов в равных количествах.
Зная цветовые схемы, можно поиграть с оттенками цветов. Для этого нужно добавлять белый цвет для осветления, либо черный цвет для затенения. Также для создания оттенков используют серый цвет.
Теплые и холодные цвета
Цветовое колесо также можно разделить на теплые и холодные цвета. Согласно психологии температура цвета вызывает различные чувства и передает эмоции. Теплые цвета несут тепло, уют, энергию. Их лучше применять для личных сообщений. Холодные означают спокойствие, изоляцию, прохладу. Их можно использовать для офисов.
Цвет является неотъемлемым элементом хорошего дизайна. 85% покупателей выбирают цвет в качестве основной причины, по которой они приобретают тот или иной продукт. 80% людей узнают бренд только по цвету и доверяют ему.
Сочетания цветов могут как дополнить друг друга, так и подавить. Поэтому важно правильно определить доминирующий цвет, а остальные сделать акцидентными. Например, если к красному добавить черный цвет, то это даст ощущение брутальности, агрессии. Такое сочетание отлично подойдет для спортивного авто. Соединив красный с белым или золотым, получим любовь, страсть.
Желтый в сочетании с белым или черным особо привлекателен в оформлении оборудования для обеспечения безопасности, школьных автобусов, такси.
Коричневый цвет особо не любим, так дает ощущения грязи. Он дает ощущение приземленности.
Фиолетовый в сочетании с красным создает атмосферу интимности и романтики. В сочетании с белым и розовым фиолетовый цвет становится игривым, схожим с ребенком.
Лучшие сочетания цветов дает сама природа. Там можно черпать и вдохновение. Понаблюдайте как красиво гармонируют между собой цвета неба, солнца, зеленой травы, цветов.
Сделав красивую фотографию можно с помощью графических инструментов в фотошопе или иллюстраторе выбрать оттенки из этих фотографий и использовать палитру на сайте.
Для оформления сайта нужно подобрать всего 3-4 цвета:
- основной, доминирующий;
- 1-2 цвета для оформления цветовых схем, форм и кнопок;
- цвет фона.
Доминирующий цвет будет служить целью привлечения аудитории к продукции, на сайт. Крупные компании всегда подходят к выбору основного цвета стратегически. На разных покупателей будет подходить определенный цвет.
При выборе цвета необходимо учитывать не только цели бизнеса, но и возраст, пол, статус аудитории, ее эмоции и желания.
Например, если вы продаете детские товары, то фиолетовый (богатство, царственность)) или черный цвет (власть, роскошь) не станут лучшим выбором и могут убить бизнес на корню.
Обязательно обратите внимание для кого больше предназначены ваши товары, для женщин или мужчин, молодых или в возрасте. Мужчины предпочитают яркие тона, а женщины мягкие приглушенные. Мужчины, в отличие от женщин, предпочтут ахроматические цвета, те которые не имеют оттенков: белый, черный, градации серого. Женщины выберут пастельные тона, когда к основному цвету добавляется белый (tint), а мужчинам лучше предлагать цвета с добавлением черного (shade).
От эмоций и желаний аудитории также зависит выбор колора. Если вы хотите привлечь тех, кто хочет быть оптимистичным, молодым, тог выберите желтый оттенок. Если требуется роскошь и власть, то выбирайте черный.
Доминирующий цвет используйте там, где необходимо выделить что-то важное: призыв к действию, подписка, рассылка, звонок. Основной цвет должен всплывать, когда нужно. Его можно использовать в:
- логотипе;
- меню;
- форме для звонка;
- всплывающей информации;
- заголовках;
- кнопки.
Чтобы сделать дизайн более интересным (и профессиональным), нужно добавить на сайт 1-2 акцентных цвета. Ими можно оформить сам контент, элементы, не являющимися главными: второстепенный иконки, подзаголовки, информационные поля, фон.
Точно также как вы выбираете цвет обоев или краски для своей комнаты, нужно подбирать подходящий колор для сайта. Он не должен быть кричащим и утомлять, но и не быть стерильным, скучным. Подбирайте колор соответственно цели. Естественно цвет для магазина модной одежды будет привлекать яркостью и живостью, колор для летнего коттеджа будет нести спокойствие и умиротворение.
Цветовые схемы для разных типов сайтов
Информационные сайты с обилием контента и коммерческие сайты
Такие сайты обычно используют нейтральный или белый цвет с целью продвижение идей и продуктов. Здесь главное обратить внимание на продукт, а не на дизайн. Фон делает содержимое более видимым. Доминирующий слой и акцидентные цвета делаются наполовину сглаженными, не особо яркими.
Корпоративные сайты
Такой тип ресурса подразумевает две цели. Либо продвинуть бренд компании, либо ее услуги. От этого будет зависеть выбираемый фон.
Продвижение бренда
Если нужно создать индивидуальность бренду, то нужно использовать различные оттенки фирменного цвета в качестве фона. Тем самым вы усилите свой бренд и сделаете его запоминающимся. Если доминирующий цвет очень смелый и вызывающий, тогда замените оттенок этого цвета на менее интенсивный.
Продвижение услуги
Если нужно продвинуть услугу, показать портфолио, то лучше использовать белый или нейтральный цвет. Выбранный цвет не должен отвлекать от вашего контента.
Стильные, творческие сайт с интенсивной графикой
Мода, рестораны, красота, дизайн – те сферы, где нет цветовых границ при оформлении сайтов. Можно использовать и драматический черный, и все цвета радуги. Существует только одно правило – не выбирайте фон, который делает трудночитаемым текст.
Таким образом, выбор правильной цветовой схемы должен основываться не на своих предпочтениях, а рассчитан на целевую аудиторию. Используйте максимум 3-4 цвета: доминирующий – 60%, вторичный – 30%, акцидентный – 10%. При дополнении четвертого цвета, разделите по оттенкам вторичный цвет или доминирующий, но никогда акцидентный.
