Пн, 9/01/17 – 17:44 | One Comment

Окинув взглядом главную страницу, среднестатистический посетитель сайта доверится впечатлению от дизайна, интерфейса, стиля. Оформленное «на коленке» вызовет рефлекторную реакцию закрытия вкладки – такого …

Читать статью »
CSS верстка

Оформление веб-страницы: css3 html5 приемы верстки сайтов

Дизайн

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

Wordpress

Wordpress сайту: современные и креативные, шаблоны вордпресс

Интернет магазины

Электронная коммерция, новинки и тренды в E-Commerce дизайне

Свой сайт

О создании оформления сайта, как сделать свой сайт лучше

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

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

24 января 2013 Один комментарий

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

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

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

Зеленый цвет для сайта может быть необычайно благотворным: в распоряжении веб-дизайнера не менее сотни различных его оттенков. Зеленый может быть как теплым, так и холодным – в зависимости от количества составляющих его желтого и синего. Вы сами можете посмотреть эти цветовые характеристики по некоторым оттенкам тут. К тому же, зеленый хорошо сочетается со многими основными цветами (исключение: красный).
alt=»» width=»700″ height=»447″ />

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

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

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

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

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

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

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

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

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

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

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

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

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

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

alt=»» width=»700″ height=»447″ />

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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