лендинг

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

Как их сочетать: общие правила

лендинг

Так же, как и гарнитуры. Если вы читали текст про шрифты, то наверняка помните про принцип единства и контраста. Единство соблюдается, когда применяется один цвет или близкие друг к другу цветовые сочетания.

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

Игра на контрастах

лендинг пейдж

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

Тон

лендинг

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

А теперь посмотрите на прямо противоположные цвета. Как вам зеленый с фиолетовым? А красный и голубой? Фокус в том, что противоположные цветовые решения смотрятся также убого.

Отсчитайте четверть окружности от одного цвета до другого и вы получите формулу, по которой можно подобрать наилучшее сочетание.

Используйте цвета одинаковой «температуры»: два теплых или два холодных.
Граница между цветовыми полюсами проходит по горизонтали и разделяет красный и фиолетовый (слева) и зеленый и голубой (справа).

Яркость

http://lptrend.com/blog/

Цвета должны отличаться по яркости, но быть похожими по насыщенности. Вспомните черный и белый. Они являют собой идеальное сочетание начал единства и контраста.

Если у вас нет времени на вычисления и скрупулезный подбор нужных оттенков, воспользуйтесь формулой дизайнера Роджера Блека — «Первый цвет белый, второй цвет — черный, третий — красный».

лендинг

Это сочетание максимального контраста и гармоничного единства. Это золотая формула для тех, кто не хочет долго думать, но кому нужен скорый результат.

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

Текст и фон

лендинг

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

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

Пусть вас не пугает возможность сделать свою посадочную страницу индивидуальной. Вы можете использовать темный текст на светлом фоне или наоборот светлый текст на темном фоне.

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

Чтобы вам было проще на первых порах работать с цветами, мы нашли примерную схему сочетания цветов фона и шрифа:

P.S. О том, как цвет влияет на психологию пользователя вы можете прочитать в нашей статье «Убеждение цветом. Как работа с визуальным восприятием потребителя влияет на продажи».

Сочного дизайна и высоких конверсий!