/ Веб-дизайн: идеальное сочетание цветов для сайта

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

Цветовая гамма целевых станиц может нести как положительное, так и отрицательное влияние на посетителей. Этот фактор стоит наравне со скоростью загрузки, "всплывающими окнами", явными ошибками в орфографии и неприлично большим количеством неуместной анимации. Как результат, такие страницы имеют низкий уровень конверсии и окупаемость инвестиционных вложений.
 

На что обращать внимание при выборе цветовой гаммы для веб страницы?

1. Специфика продукта и услуги

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

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

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

2. Гендерные факторы

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

Если же товары заинтересуют преимущественно мужчин (автомобили, инструменты), веб дизайн сайта должен иметь более спокойную цветовую гамму. Она подразумевает оттенки серого, или, например, комбинация зеленого и белого. Для линейки парфюмерии для мужчин подойдет совмещение "золотого" и черного.
 

3. Возраст и социальное положение

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

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

Как объединять цвета?

Если ваш выбор уже пал на какие-то цвета, то теперь нужно узнать, как их лучше сочетать.

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

Белый, серый и черный сочетаются друг с другом (хотя тут нужно действовать осторожно) и с "цветами радуги", а также с неспеткральными (вишневый, коричневый, терракотовый и др.).

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

Стоит учесть, что СТА-кнопка должна выделяться на окружающем фоне, контрастировать с ним. В этом случае ее лучше сделать ярко-оранжевым, салатовым или красным.

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

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

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

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

Помните!

1. Нельзя применять более четырех цветов одновременно для оформления одной страницы.

2. Если у вас используется 3 или 4 цвета, добавьте фотоснимок, который содержит все эти цвета. Он должен объединить композицию, сделать ее законченной.

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

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

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

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