Пт, 5/04/19 – 9:26 | 2 комментария

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

Читать статью »
Дизайн

Секреты веб-дизайна, примеры стильных сайтов

Тренды / ТОП

Топ лучших идей, новые тенденции и тренды WEB’а

Маркетинг

Статьи о маркетинге сайтов, примеры эффективности

Свой сайт

Как создать, оформить, сделать сайт лучше

Шаблоны сайтов

Обзоры шаблонов: лучшие темы для сайта

Главная » Дизайн

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

24 января 2013 5 комментариев

Когда речь идёт о правилах веб-дизайна, то задача подобрать нужные цвета, обеспечивая удачное их сочетание должна быть у вас на переднем плане для любого принимаемого решения. Зеленый цвет – это смесь синего и желтого. Успокаивающие действие зеленых тонов на наше подсознание объясняют нейтральностью цвета (расположен в середине спектра). Вот почему различные оттенки зеленого присутствуют в спецодежде мед. работников или в интерьере медицинских учреждений. В странах с жарким климатом он считается сильным цветом. В религии его считают «райским», это цвет знамени пророка и мантии патриарха.

Зеленый цвет в дизайне сайта - символ весны, роста, плодородия

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

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

Но как добиться цветовой гармонии? Прежде всего, стоит подбор цветов делать в соответствии с каким-либо их объединяющим принципом. Для усиления разнообразия не обязательно задействовать еще один основной цвет, можно вполне успешно использовать:

  • разную текстуру для объектов композиции
  • нейтральные цвета (чёрный, белый и серый) для отдельных элементов

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

Вот всего несколько способов, которые могут заставить зеленый цвет работать на вас.

Скрытые значения цветов: оттенки зеленого

символика зеленого цвета для веб-сайта - скрытые значения цветов

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

Зеленый – это наиболее удачный цвет для «bio», «eco»  и подобных тематик, подразумевающих экологическую дружественность.

Сочетание цветов в веб-дизайне

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

Зеленоватый оттенок применить можно тонко и неуловимо, при этом получив значительный эффект.

Еще примеры известных «ЗЕЛЕНЫХ» сайтов

зеленый сайт экологической тематики

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

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

Сайт компании Energy Helpline предоставляет клиентам широкие возможности для поиска предприятий, поставщиков по экологически значимым критериям.

Сочетание цветов в веб-дизайне

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

Еще один дизайн с сине-зелено-желтой палитрой цветов.

Нидерландский сайт эко-тематики с символичной раскраской (зелень, вода, тепло солнечного света)

Сочетание цветов в дизайне сайта — зеленый и розовый

Сочетание цветов в веб-дизайне

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

Читайте также:  Цвета в Web дизайне: колор-тенденции (яркие тона)

Сочетание цветов в дизайне сайта — зеленый и коричневый

Сочетание цветов в веб-дизайне

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

Сочетание цветов в веб-дизайне

Альтернативный вариант для этого сочетания представляет Go Glamping . Густой зеленый цвет в шапке сайта, блоки с темно-зеленым текстом на фоне текстуры дерева с теплым оттенком создают веселый и эффективный стиль.

Зеленый и коричневый: интересные сочетания цветов в дизайне сайта

Логичное использование зеленого и коричневого цветов в проекте «Деревья – наше будущее». С первого экрана рукописная и мультяшная типографика, гранжевый заголовок, забавное меню с зелеными листиками и акварельным штрихом. Дизайн на поддомене e-commerce сайта с био-тематикой tcv.org.uk также сочетает зеленую шапку с оригинальным футером.

Читайте также:  11 идей оформления футера для сайта eCommerce

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

Сочетание цветов в веб-дизайне: зеленые тона

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

Оба сайта Evernote и The Greenists используют эти цвета немного по-разному: у первого разительный контраст белого bold шрифта и ярко-зеленого цвета фона, в то время как у следующего сайта более мягкий цветовой стиль – приглушенный зеленый на белом фоне и выборочно зеленый цвет текста заголовков.

Сочетание цветов в веб-дизайне: зеленые оттенки

Читайте также:  21 пример удачного использования цвета в веб-дизайне