Новости интернет-рынка и интернет-агентства А25 / Какие оттенки цветов подходят сайтам и сочетаются гармонично? Сочетания цветов для сайтов и интернет-магазинов

Какие оттенки цветов подходят сайтам и сочетаются гармонично? Сочетания цветов для сайтов и интернет-магазинов

25.10.2017
17810

Какие оттенки цветов подходят сайтам и сочетаются гармонично? Сочетания цветов для сайтов и интернет-магазинов


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

Какие оттенки цветов подходят друг другу? Какие цвета сочетаются на сайтах гармонично? Примеры удачных сочетаний цветов для сайта.

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

1. цвета бонсай как цвет для сайта

Пример сочетания цветов для сайта (бежевый, зеленый)

Пример сайта:

Сочетания цветов для сайта бежевый зеленый белый

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

2. aboard color

Сочетания цветов для сайта синий голубой серый

Пример дизайна сайта с использованием этих цветов:

Сочетания цветов для сайта синий голубой серый

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

3. swimmingly color

Сочетание ярких цветов для сайта

Пример сайта:

Сочетание ярких цветов для сайта примеры

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

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

Сочетание ярких цветов для сайта примеры a25.ru

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

примеры сайтов с использованием ярких цветов - портфолио a25.ru

4. цвета spring

сочетание цветов для сайта сиреневый фиолетовый a25.ru

Пример сайта:

сочетание цветов для сайта сиреневый фиолетовый a25.ru примеры

лендинг парковок во Внуково.

5. матовая яркость (серый, голубой, красный, желтый, фиолетовый) – цвет для интернет-магазина

Сочетания матовых цветов для сайта синий голубой серый

Пример сайта:

Сочетание матовых ярких цветов для сайта примеры a25.ru

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

6. Сочетание матовых цветов "от зеленого к розовому"

сочетание цветов для баннеров на сайте a25.ru

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

Пример сайта - сайт компании по ремонту деталей пневмоподвески AirBarter:

сочетание цветов для баннеров на сайте a25.ru

Немного статистики: свыше 50% покупателей никогда не вернутся на сайт, который не понравился им визуально. Но это не повод забывать о хорошем контенте, ярких заголовках и юзабилити! Успешных проектов и красивых сайтов!

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

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

Нужны другие работы по вашему сайту?

Тарифы на поддержку сайта

Санкт-Петербург Новорощинская ул., д.4, оф. 1323-1 БЦ "Собрание",
ст. метро Электросила

Москва Волоколамское шоссе, д.1, оф. 016 БЦ "Проектный институт",
ст. метро Сокол

+7 (812) 603-48-25
+7 (495) 120-36-25

Наверх

Форма заказа