Автор: Мария Кокухина, эксперт по юзабилити
Книга Марии Кокухиной

Стоит учитывать нюансы цвета для сайта, чтобы повысить продажи.

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

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

Решение

Подбирая цвет для сайта, стоит начать с трех вопросов.

  • Для чего нужен сайт? Какие услуги, товары будут на нем представлены?
  • Какие эмоции сайт должен вызывать?
  • Кто ваша целевая аудитория? (Например, возраст, пол и т.д.)

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

Примеры цветов сайта

Ключи к эмоциям

Каждый цвет в спектре способен вызывать определенные ассоциации и нести свой эмоциональный заряд. Вот несколько примеров.

Белый цвет сайта

Ассоциативный ряд: простота, чистота, невинность.

Для какой тематики бизнеса подходит? Лучше использовать, как фон.

Черный цвет

Ассоциативный ряд: солидность, серьезность, сила, изысканность, элегантность, люкс, гламур, роскошь, тайна.

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

Узнайте слабые места вашего сайта

Красный цвет

Ассоциативный ряд: любовь, предупреждение, угроза, действие, возбуждение, страсть, сила.

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

Синий цвет

Ассоциативный ряд: надежность, профессионализм, серьезность, доверие, власть, спокойствие.

Тематика бизнеса: юридические компании, банки, интернет-магазины (особенно продающие кондиционеры, морепродукты, лодки, вода и фильтры для воды и т.д.), консалтинговые компании, интернет-технологии, авиакомпании, туризм, социальные сети, платежные системы.

Зеленый цвет

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

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

Желтый цвет

Ассоциативный ряд: веселье, развлечения, любопыство, счастье, удовольствие, привлекает внимание.

Тематика бизнеса: широко применяется, пожалуй, только на рынке такси. Я бы не рекомендовала делать его основным цветом сайта. Лучше использовать его как акцентирующий в сочетании с другим цветом.

Оранжевый цвет

Ассоциативный ряд: праздник, веселье, творчество, молодежь, комфорт, энергичность, жизнерадостность.

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

Розовый

Ассоциативный ряд: сладость, молодость, нежность, невинность, мягкость, романтичность.

Тематика бизнеса: женские сайты и товары, знакомства, косметика и парфюмерия.

Коричневый

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

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

Серый

Ассоциативный ряд: нейтральность, разумность, рациональность.

Тематика бизнеса: В дизайне стоит его минимизировать или вообще не использовать на сайте.

Практические рекомендации

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

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

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

  • Если ваш бизнес ориентируется на другие рынки, то важно проверить не будет ли выбранный вариант вызывать какие-то дополнительные ассоциации, связанные с культурой данной страны. Например, зеленый в Южной Америке – символизирует смерть. Голубой в США ассоциируется с патриотизмом, а в Китае – с исцелением. В некоторых странах Азии белый несет траур. Поэтому цветовую палитру нужно выбирать правильно, с учетом культурных особенностей целевой аудитории.

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

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

Web-цвета

Вашему вниманию предлагается цветовая палитра.

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

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

Как пользоваться палитрой

Палитра состоит из 36 сочетаний 6 оттенков красного, зеленого и синего.

Над каждым цветом указаны два значения — RGB (для создания в графическом редакторе) и HEX (для обозначения в HTML).

Безопасная цветовая палитра

Статья написана для журнала «PR в России»

Понравилась статья? Поделись с друзьями!

Популярные статьи