Выбор правильных цветов для эффективных электронных писем и целевых страниц

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

Настройка настроения

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

• Красный: волнение, энергия, смелость, романтика.
• Зеленый: мир, рост, здоровье, естественность.
• Синий: доверие, надежность, сила, спокойствие.
• Оранжевый: дружелюбие, веселая уверенность, креативность.
• Черный: сила, мощь, точность.
• Белый: чистый, простой, легкий

Конечно, значение цвета может меняться со временем — до 1940-х годов розовое носили мальчики, а не девочки. Последствия также могут измениться, когда вы путешествуете по миру. Если вы работаете с глобальной аудиторией, вам следует помнить, что один и тот же цвет может иметь разное значение для разных аудиторий. Например, в Японии фиолетовый — это цвет привилегий и богатства, а в Бразилии — цвет траура. В Китае красный может означать удачу и счастье; в других культурах это может означать войну, опасность или желание.

Сочетание цветов

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

Заметили что-то еще в цветах в этом совпадающем электронном письме и на целевой странице? Цвета достаточно комплементарны. Это означает, что они живут на противоположных сторонах цветового круга. Если вы хотите найти два цвета, которые будут хорошо смотреться вместе (и выделяться друг на друге), лучше всего начать с дополнительных цветов. В этом примере они также использовали более яркий красный цвет в качестве кнопки призыва к действию (CTA).

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

Сохранение читабельности

Когда дело доходит до выбора правильных цветов для эффективных электронных писем, важно помнить, что люди с нарушениями зрения могут испытывать трудности с навигацией по вашему дизайну. Color Universal Design (CUD) — это система дизайна, изначально разработанная в Японии и предназначенная для того, чтобы помочь дизайнерам учитывать людей с различными типами цветового зрения. Основные принципы Color Universal Design:

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

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

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

Вот как логотип Act-On означает три основных типа нарушения зрения.

Используйте такой инструмент, как цветовой круг специальных возможностей, чтобы проверить свой выбор цветовой пары (например, текст на фоне). Это может помочь вам понять, как эта комбинация проявляется при различных типах дальтонизма, а также сравнить яркость и контрастность со стандартами, определенными Консорциумом World Wide Web (W3C). Дополнительные рекомендации и ресурсы, которые помогут сделать Интернет доступным для людей с ограниченными возможностями, вы найдете на сайте W3C.

Отражение вашего бренда

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

Например, при создании электронной почты и целевой страницы для вебинара Act-On о новом канадском законодательстве о борьбе со спамом было бы очень заманчиво включить в дизайн канадский флаг. В конце концов, красный — сильный цвет, и ничто так не говорит о Канаде, как алый кленовый лист.

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

Но самое важное соображение о цвете заключается в следующем: что работает для вашей аудитории? Вы тестировали множество различных цветовых комбинаций в своих почтовых кампаниях? Пробовали ли вы разные варианты цвета кнопок? Проводили ли вы A/B-тестирование своих целевых страниц? Тестирование — лучший способ узнать, что находит отклик у ваших клиентов и потенциальных клиентов, и результаты будут говорить сами за себя.

Только начинаете работать с электронным маркетингом? Получите преимущество с помощью этого бесплатного набора инструментов: