Меню

Зеленый цвет сайта что значит



Блог о дизайне и веб-мастеринге
Полезные ресурсы для разработчиков и дизайнеров
Статьи о движке WordPress и сервисе Twitter

Лучшие статьи категории «Веб-сайты»

Подписка

  • Статьи (500+)
  • Twitter (2350+)
  • Google Plus (150+)
  • E-mail подписка
  • Реклама
  • О блоге и команде

15 сентября 2012

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

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

Статья является продолжением большого цикла «Анатомия дизайна», в котором мы рассказываем об всех основных цветах в дизайне.

Зеленый в теории

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

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

Оттенки зеленого

  • Темно-зеленый: темные оттенки зеленого ассоциируются с деньгами и властью, особенно в Америке, где вся валюта зеленого цвета. Поэтому зеленый может вызвать ассоциации еще и с жадностью, завистью и амбициозностью.
  • Ярко-зеленый: ярко-зеленые оттенки безопасные и надежные. Они представляют стабильность и выносливость. Идеально подходить для компаний, которые хотят сделать акцент на экологичной чистоте своего продукта.
  • Желто-зеленый: чем больше желтого оттенка в зеленом, тем меньше позитива вызывает этот цвет. Желто-зеленый часто используется, чтобы показать болезни, разногласия или ревность.
  • Оливковый зеленый: этот оттенок также ассоциируется с природой. Он представляет мир, спокойствие и чистоту.

Отношение к зеленому в разных культурах

В России «зеленый» является синонимом слова «молодой» с неким негативным подтекстом, то есть незрелый, несамостоятельный, неопытный. Есть много выражений, связанных с зеленым цветом, к примеру, «тоска зеленая», это значит что-то скучное и неинтересное. О человеке, которому стало плохо говорят, «он позеленел» и сходное выражение, «позеленело в глазах». В действительности, это дело вкуса, ведь никто не отменял ассоциаций с деньгами и травой.

В Америке зеленый цвет чаще всего ассоциируется с деньгами и продвижением вперед. Будто цвет светофора на дороге меняется на зеленый, а это значит, что можно двигаться дальше. В Англии зеленый вызывает воспоминания о Робин Гуде и считается цветом героев. Зеленый имеет духовное значение в исламской и японской культурах. В исламе этот цвет означает уважение, а в Японии — вечную жизнь.

Источник

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

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

Читайте также:  Как нарисовать мишку с цветами карандашом поэтапно

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также:  Платье цвета фуксии с зеленым

Источник

Как цвет вашего сайта воздействует на психику клиента

Теория Цвета гласит, что каждый цвет оказывает свое воздействие на психику человека. О том, как подобрать нужные для сайта цвета и что такое «цветовое колесо» — в переводе статьи от выпускника Калифорнийского университета Ника Роджаса (Nick Rojas).

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

Оказывается, красный цвет действует как стимулятор (вызывая аппетит, пробуждая голод) и привлекает к себе внимание, тогда как желтый создает ощущение скорости и срочности. Классические примеры – Макдональдс, KFC, Стардог!s. Теперь подумайте о Вашем собственном сайте и его дизайне. С большой долей вероятности в процессе его создания цвета выбирались без учета Теории Цвета, обходясь привычными цветами Вашего бренда.

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

Что такое Теория Цвета

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

Одна из первых современных трактовок Теории Цвета была написана около ста лет назад Альбертом Манселлом (Albert Munsell). Манселл придумал для описания цветовых свойств трехкомпонентную модель, в которой цвет выявляется с помощью трех понятий – значения/ценности (англ. value), оттенка (англ. hue) и насыщенности/яркости (англ. croma).

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

Зачем применять Теорию Цвета на ваших сайтах

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

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

Как подбирать цвета для сайта

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

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

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

Читайте также:  Красно розовый цвет сочетание 1

Психология цвета

Перейдем к самому важному в этой статье — главным постулатам Теории Цвета. Все цвета спектра уникально красивы, но при этом каждый из них по-своему влияет на человеческое настроение и эмоции.

Настроение и эмоции

Отвлекитесь на минутку от дел и задумайтесь о цветах, которые Вы используете, осмотрите Ваш сайт и представьте — какие чувства Вы хотите вызвать у пользователя?

Красный
Красный — интуитивный, цвет физической силы. Цвет крови. Когда Вы смотрите на красный, у Вас учащается пульс, возникает чувство срочности; цвет придает мужества, силы и пробуждает бунтарский дух – это один из самых мощных цветов. Сайт онлайн-консультанта RedHelper прекрасный пример использования красного в оформлении и расстановке акцентов.

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

Желтый — цвет молодости. Он символизирует оптимизм и игривость, творческие порывы и спонтанность. Желтый — смелый цвет. Он не агрессивный, но очень заметный. Отличный пример — сайт представительства Nikon в России.

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

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

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

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

Сайт мессенджера Viber отлично демонстрирует, как фиолетовый вызывает ощущение простоты и честности.

Романтичный, женственный цвет. Розовый даёт сильный эффект при правильном использовании, хоть и может оттолкнуть определенные группы людей. Из-за своих гендерных ассоциаций, розовым нужно пользоваться осторожно, так как в неправильном контексте он вызовет чувство незрелости, либо намекает на интимные или неформальные отношения. Вряд ли Вы найдете хоть один спортивный сайт, в оформлении которого используется розовый. А вот для кафе мороженого Baskin Robbins — в самый раз.

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

Теория Цвета в дизайне сайта

Весь текст выше укладывается в простую идею — грамотное сочетание цветов на целевых страницах оказывает большое влияние на показатель отказа и конверсию.

Использование основных правил Теории Цвета при разработке дизайна сайта поможет Вам увеличить его привлекательность для посетителей. В сфере, где от успеха до провала отделяет несколько секунд, используя грамотную стратегию управления цветом Вы сможете в разы увеличить конверсию. Цветовые решения — один из самых недооцененных способов влиять на привлекательность Вашего сайта в глазах посетителей. Теория Цвета поможет понять, что испытывают пользователи при первом взгляде на Ваш сайт. Обратите на него внимание, кстати. О чем говорят ваши фирменные цвета?

Источник