Как обычно происходит подбор цвета для дизайна сайта или лендинга? К сожалению, никакой схемы нет. Выбирают то, что просто нравится. А вот цветовое решение для успешных лендингов нужно подбирать немного другим способом.
Есть теория цвета, специально созданные палитры, помогающие в подборе цветовой гаммы. Ведь каждый цвет несет определенный смысл и определенное психологическое влияние. Один цвет способен подтолкнуть пользователя к покупке или подписке, другой - разочаровать его.
О тонкостях подбора цветового решения и о Теории цвета мы и поговорим в данной публикации.
Данная теория - это не новинка и не новое изобретение. Ее уже давно используют многие художники и дизайнеры. На человеческое поведение, реакцию цвет оказывает довольно весомое влияние. Первые упоминания о данной теории встречаются в записях еще начала 15 века, период Возрождения, в записях теоретика Леона Баттиста. Именно он первый заметил, что смешивание двух цветов дает третий, новый, цвет. Баттист выделил 4 основные цвета палитры (у него это красный, синий, зеленый и синий). Позже его список изменился.
Современная же теория цвета зародилась в конце 19 столетия. Ее основателем считается американец Альберт Манселл. Именно он ввел понятие оттенок, насыщенность, яркость. Это достаточно важные понятия для понимания психологического влияния цвета.
В последнее время, с развитием цифровых и информационных технологий, появилось понятие - цифровая теория цвета. К этому руку приложили web дизайнеры и программисты. Данная теория только развивается.
В наш век развивающихся технологий и интернета теория цвета стала достаточно актуальна. Ведь заходя на сайт или лендинг, пользователь быстро составляет свое мнение именно на основе дизайна: насколько он качественный, насколько приятен для глаз. И мнение это составляется очень быстро.
♦ контрастные цвета и их сочетания;
♦ психологически обоснованные сочетания.
Используя эти подходы можно передать свои месседжи пользователю. Также можно определиться с цветовым решением лендинга, основываясь все же на опыте, подкрепленном временем, а не просто на том, что мне эти цвета нравятся в жизни.
- правильные цвета помогают удержать пользователей и их внимание;
- нужный цвет поможет в эффективности СТА кнопки;
- можно уменьшить число отказов.
Если при создании страницы Вы не берете в расчет психологические понимания цветов, то Вы рискуете. Давайте рассмотрим, что же означает тот или иной цвет:
• синий - доверие, искренность, преданность. Синий относится к холодной гамме. Его часто соотносят с логикой, разумом. Различные оттенки цвета имеют разные смысл: насыщенный темный - надежность, срок синий - подталкивающий к решению;
• красный - тепло, огонь, энергия, сила. Но слишком много красного способно вызвать агрессию или депрессию;
• зеленый - богатство, релакс, отдых, обновление. Этот цвет считается самым полезным для глаз;
• оранжевый - тепло, лето, веселье. Хороший цвет для СТА элемента;
• желтый - дружба, детство, творчество;
• фиолетовый - несет духовный смысл, успокоение. Многие оттенки фиолетового ассоциируются с роскошью, их часто используют в дизайне сайтов дорогой мебели, украшений;
• розовый - романтика, успокоение, сексуальность;
• черный - эффектность. Смысл данного цвета зависит от сочетания его с другими оттенками.
Зная значение каждого цвета, можно определить гамму своего сайта. Но перед этим решите, что именно Вы хотите рассказать своему пользователю. Основные мысли и нужно воплотить в дизайне и цвете.
К примеру, если Вы хотите внушить пользователю доверие и подтолкнуть к нужному действию, то синий и оранжевый цвета будут Вам в помощь. Если Ваш лендинг продвигает что-то женственное и роскошное, то обратите внимание на розовый и черный (или фиолетовый) цвета.
Чтобы точно определиться с выбором, используем сплит-тестирование. Думаем, что Вы понимаете об этом.
Конечно, подбор цвета страницы важен. Но помните и о удобстве текста для чтения. Цвет текста должен быть удобным и читаемым. Наиболее удобно читать текст, расположенный на контрастном фоне.
Давайте рассмотрим подборку наиболее удачных лендингов, учитывающих в дизайне теорию цвета:
1. Сочетание красного и белого в дизайне Coca Cola уже более века привлекает пользователей. В дизайне используются разные оттенки красного:
2. Простое и стильное сочетание черного и белого в дизайне страницы Apple привычно для читателей. Но страница показывает безупречный вкус:
3. Приятный для глаз зеленый цвет на странице Subway расслабляет и привлекает. Цвет ассоциируется с природой и здоровьем. И девиз компании «Ешь свежее» подчеркивает смысл дизайна:
Все цвета хороши. Главное помните о мере в использовании и о том, что любой свой выбор нужно подтверждать тестированием.
Качественных Вам лендингов!