10 самых распространенных ошибок при выборе цветов в интерьере. Цветов выбор


119 трендовых цветов для создания фантастических сайтов (на 50 живых примерах).

Вам знакома эта проблема? Вы хотите создать сайт, но понятия не имеете, какой цвет подобрать и как лучше сочетать цвета? Пробуете, что-то делать, но в итоге получается какая-то «абра-кадабра»? Хорошая новость! Благодаря этой статье Вы получите мощный и готовый инструмент по подбору цветов. Это действительно достойно Вашего внимания.

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

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

Не буду тянуть резину. Давайте начнем.

119 трендовых цветов для создания фантастических сайтов (на 50 живых примерах).119 трендовых цветов для создания фантастических сайтов (на 50 живых примерах).119 трендовых цветов для создания фантастических сайтов (на 50 живых примерах).

119 трендовых цветов для создания фантастических сайтов (на 50 живых примерах).119 трендовых цветов для создания фантастических сайтов (на 50 живых примерах).119 трендовых цветов для создания фантастических сайтов (на 50 живых примерах).119 трендовых цветов для создания фантастических сайтов (на 50 живых примерах).119 трендовых цветов для создания фантастических сайтов (на 50 живых примерах).119 трендовых цветов для создания фантастических сайтов (на 50 живых примерах).119 трендовых цветов для создания фантастических сайтов (на 50 живых примерах).

Понравилось? Поделитесь с друзьями в социальных сетях нажав на кнопки ниже. Хотя бы на одну. 119 трендовых цветов для создания фантастических сайтов (на 50 живых примерах). Один маленький клик для Вас — огромная радость для меня.

vladimirchernyshov.ru

Как правильно выбрать цветовую схему для сайта?

Задача выбора цветовой схемы для сайта может показаться невыполнимой, особенно, если вы не разбираетесь и не очень хорошо ориентируетесь в цветовых сочетаниях:

Если все пойдет хорошо, ваш сайт будет выглядеть гармонично. Если нет, вы получите картину в стиле фильма ужасов!

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

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

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

Прочитав эту статью, вы узнаете, как:

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

Каким образом цвет влияет на восприятие вашего сайта и бренда?

Если я попрошу вас подумать о Кока-Коле, что первым придет вам на ум? Скорее всего, в вашем воображении всплывёт красный логотип Кока-Колы:

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

Красный в цветовой схеме несет в себе два важных послания:

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

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

85% покупателей признают, что основной причиной покупки товара явился его цвет.

Узнаваемость бренда увеличивается на 80% при использовании цвета.

3 шага к правильному использованию цвета на вашем сайте

При разработке дизайна сайта нужно:

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

1. Выбор преобладающего цвета

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

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

Как выбрать правильный цвет

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

Каждый цвет привлекает свою группу покупателей, и даже может повлиять на их выбор:

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

Тёмно-синий и бирюзовый привлекают покупателей с ограниченной суммой денег. Эти цвета можно встретить в банках и больших универмагах.

Малиновый, лазурный и розовый привлекают классических покупателей. Распространены в магазинах одежды.

Чтобы привлечь нужных вам покупателей, используйте комбинации различных цветов.

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

Какой цвет использовать для вашего сайта?

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

Желтый – символ молодости, оптимизма и жизнерадостности. Часто используется, чтобы привлечь внимание. Также желтый может вызвать напряжение, так что используйте его в небольших количествах.

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

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

Розовый – женственный, сладкий, невинный и романтичный. Часто используется в предложении частных услуг и товаров для девочек и женщин.

Фиолетовый – символ величия, богатства, успеха и мудрости. Часто присутствует в косметике. Влияет на людей успокаивающе.

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

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

Чёрный – цвет влияния, роскоши, опытности и элегантности. Часто используется для продвижения товаров класса люкс и ассоциируется с профессионализмом, силой и аккуратностью.

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

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

Разница в цветовом восприятии мужчин и женщин

На кого преимущественно рассчитан ваш сайт, на мужчин или на женщин? А может и на тех, и на других?

Яркие и приглушенные цветовые схемы для сайта

Мужчины предпочитают яркие цвета, а женщины приглушенные.

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

Ахроматические цвета

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

Светлые и темные оттенки

Женщинам больше нравятся светлые оттенки. Причиной этого является их усиленное восприятие определённых цветов.

Женщины

Наиболее предпочтительные цвета: синий, фиолетовый, зеленый.

Наименее предпочтительные цвета: оранжевый, коричневый, серый.

Мужчины

Наиболее предпочтительные цвета: синий, зеленый, черный.

Наименее предпочтительные цвета: коричневый, оранжевый, фиолетовый.

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

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

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

Часто люди покупают определенные товары или услуги, чтобы произвести конкретное впечатление на других.

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

Так что если вы хотите, чтобы ваш продукт покупали люди, которые любят природу – используйте зеленый в цветовой схеме HTML. Хотите привлечь людей, чувствующих себя молодыми и уверенными в себе? Используйте желтый. Если вас интересуют люди, которым хочется выглядеть солидно и богато, используйте черный.

Теперь ясно?

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

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

Как использовать главный цвет на вашем сайте

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

Используйте преобладающий цвет только в тех местах, на которые хотите обратить внимание пользователей, либо побудить их на определенное действие.

Например, позвонить по телефонному номеру, заполнить форму, подписаться на обновления и т.п.

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

Где использовать преобладающий цвет на сайте?

  • Логотип;
  • Вкладки меню;
  • Кнопка «Позвонить»;
  • Важная информация;
  • Заголовки и названия;
  • Кнопки.

2. Выбор акцентных цветов

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

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

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

Как использовать программу для подбора акцентных цветов

Как только вы определились с преобладающим цветом, нет ничего проще, чем подобрать акцентные цвета с помощью таких программ, как Adobe Color CC Tool:

Вот короткая инструкция, которая покажет вам, как создать цветовую схему одним из двух способов:

  1. На основе преобладающего цвета

Шаг 1. Для начала узнайте код вашего преобладающего цвета. Например, на сайте ColorPicker.com. Код цвета указан в прямоугольнике прямо над квадратом с цветовой палитрой.

Скопировав код с ColorPicker.com, вставьте его в поле «НЕХ» инструмента Adobe Color. Убедитесь, что вы вставили код в колонку посередине:

Вставьте код преобладающего цвета вашего сайта в прямоугольник ПОСЕРЕДИНЕ.

Как только вы зададите цвет, Adobe Color отобразит его на экране вместе с другими комплементарными цветами.

Шаг 2. В левой верхней стороне вы увидите прямоугольник со следующими цветовыми схемами:

  • Последовательная;
  • Монохромная;
  • Треугольная;
  • Комплементарная;
  • Составная;
  • Оттенки.

Выберите цветовую схему

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

Шаг 3. Сделайте цветовую схему еще продуманнее, перемещая один из указателей цвета.

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

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

CMS и конструкторы сайтов позволяют вставить цветовые коды (HEX) для выделения любой части вашего сайта:

Скопируйте цветовые коды (HEX) для вашей цветовой схемы для сайта.

  1. На основе понравившейся фотографии

Порой проще искать цветовые решения на просторах интернета и вдохновляться ими.

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

Шаг 1. Загрузите фотографию:

Нажмите на значок камеры, чтобы загрузить изображение.

Шаг 2. Выберите одно из пяти цветовых настроений:

  • Красочное;
  • Яркое;
  • Приглушенное;
  • Насыщенное;
  • Темное.

Поэкспериментируйте с цветовыми настроениями, чтобы понять, какое вам ближе:

Выберите цветовое настроение.

Шаг 3. Сделайте цветовую схему еще продуманнее, перемещая один из указателей цвета по изображению:

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

Шаг 4. Предложенная цветовая палитра расположена под изображением. Вот как можно подобрать цветовую схему для вашего веб-дизайна.

Чтобы увидеть коды (HEX) цветов, нажмите на цветное колесико, расположенное в правом верхнем углу:

Нажмите на цветное колесико, чтобы увидеть коды цветов:

Скопируйте цветовые коды (HEX) для вашей цветовой схемы.

Где размещать вспомогательные цвета

Детали сайта, выделенные вспомогательными цветами, не являются основными акцентами. Но они все равно выделяются. Например, вспомогательными цветами можно выделять подзаголовки, дополнительные кнопки, диалоговые окна, заливать фон и т.д.

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

Где использовать вспомогательные цвета на вашем сайте?

  • Активная кнопка меню;
  • Подзаголовки;
  • Выделение второстепенной информации.
  1. Выбор фонового цвета

Вам когда-нибудь приходилось красить стены в своем доме?

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

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

Выбор фонового цвета для вашего сайта не сильно отличается от выбора краски для вашей комнаты!

Как правильно выбрать цвет фона

Если бы вы выбирали краску для современного магазина одежды и для загородного дома, то выбрали бы один и тот же цвет?Очевидно – нет. Эти два помещения служат для разных целей.

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

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

Фоновый цвет вашего сайта зависит от того, на что вы хотите обратить внимание пользователей.

Проще говоря, фоновый цвет напрямую зависит от цели, которую вы преследуете, создавая сайт.

Тип 1 – Ресурсы с большим количеством контента или интернет-коммерция

Замечали ли вы, что информационные ресурсы и интернет-магазины часто используют белые или нейтральные цветовые схемы для сайта?

Это все потому, что целью данных ресурсов является продвижение идей или продуктов.

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

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

Тип 2 – Корпоративные сайты и сервисы

При создании корпоративного ресурса преследуется одна цель – продвижение товаров или услуг.

В зависимости от того, какова цель вашего сайта, фоновый цвет должен отличаться.

Продвижение бренда

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

Все потому, что цвет напрямую влияет на узнаваемость бренда (помните пример про Кока-Колу?) Когда вы используете различные оттенки цвета своего бренда в качестве фона, вы усиливаете его и делаете более запоминающимся для клиентов.

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

Продвижение сервиса

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

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

Тип 3 – Стильные и креативные сайты с большим количеством графики

Если вы собираетесь создать сайт, связанной с творчеством (мода, дизайн, ресторанный бизнес, красота и т.д.), для вас нет никаких ограничений.

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

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

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

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

Заключение и итоги

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

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

Выбор цветовой палитры ни в коем случае не должен быть случайным. Это набор действий, которые необходимо предпринять:

  • Выбрать для сайта правильный преобладающий цвет;
  • Выбрать для преобладающего цвета правильные вспомогательные цвета;
  • Выбрать соответствующий фоновый цвет.

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

Перевод статьи “How to Choose a Good Color Scheme For Your Website” был подготовлен дружной командой проекта Сайтостроение от А до Я.

www.internet-technologies.ru

10 самых распространенных ошибок при выборе цветов в интерьере

Ребята, мы вкладываем душу в AdMe.ru. Cпасибо за то,что открываете эту красоту. Спасибо за вдохновение и мурашки.Присоединяйтесь к нам в Facebook и ВКонтакте

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

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

Ошибка № 1. Белее белого

← SLIDE →

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

Ошибка № 2. Неверное зонирование цветом

← SLIDE →

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

Ошибка № 3. Погоня за опасным трендом

← SLIDE →

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

Ошибка № 4. Освещение меняет цвет

← SLIDE →

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

Ошибка № 5. Пол в последнюю очередь

← SLIDE →

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

Ошибка № 6. Неверное распределение нескольких цветов

← SLIDE →

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

Ошибка № 7. Неверное сочетание контрастных цветов

← SLIDE →

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

Ошибка № 8. Весь интерьер в одном цвете

← SLIDE →

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

Ошибка № 9. Сочетание цвета интерьера и мебели

← SLIDE →

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

Ошибка № 10. Слишком яркие цвета

← SLIDE →

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

www.adme.ru

Какой цвет лучше выбрать для сайта

Сейчас смотрят: 1 977

Время чтения: 5 мин.

Чтобы сайт помогал продавать, стоит учитывать нюансы цвета.

Проблема

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

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

Решение

Подбирая цветовую гамму для сайта, стоит начать с трех вопросов.

  • Для чего нужен сайт? Какие услуги, товары будут на нем представлены?
  • Какие эмоции сайт должен вызывать?
  • Кто ваша целевая аудитория? (Например, возраст, пол и т.д.)

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

Ключи к эмоциям

Каждый цвет в спектре способен вызывать определенные ассоциации и нести свой эмоциональный заряд. Вот несколько примеров.

Белый цвет

Ассоциативный ряд: простота, чистота, невинность.

Для какой тематики бизнеса подходит? Лучше использовать, как фон.

Черный цвет

Ассоциативный ряд: солидность, серьезность, сила, изысканность, элегантность, люкс, гламур, роскошь, тайна.

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

Красный цвет

Ассоциативный ряд: любовь, предупреждение, угроза, действие, возбуждение, страсть, сила.

Тематика бизнеса: эротические сайты, рестораны быстрого питания, энергетические напитки, сайты об автомобилях и спорте, сайты, связанные с действиями.

Синий цвет

Ассоциативный ряд: надежность, профессионализм, серьезность, доверие, власть, спокойствие.

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

Зеленый цвет

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

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

Желтый цвет

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

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

Оранжевый цвет

Ассоциативный ряд: праздник, веселье, творчество, молодежь, комфорт, энергичность, жизнерадостность.

Тематика бизнеса: организация праздников, развлечения, детские товары. Оранжевый цвет часто интерпретируется как “дешевый”. Поэтому этот цвет можно удачно обыграть, если компания продает товары в дешевом ценовом сегменте.

Розовый цвет

Ассоциативный ряд: сладость, молодость, нежность, невинность, мягкость, романтичность.

Тематика бизнеса: женские сайты и товары, знакомства, косметика и парфюмерия.

Коричневый цвет

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

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

Серый цвет

Ассоциативный ряд: нейтральность, разумность, рациональность.

Тематика бизнеса: еще один цвет, который стоит минимизировать или вообще не использовать на сайте.

Повысить продажи вашего сайта

Практические рекомендации

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

  • Некоторые из цветов являются “эмоциональными стимуляторами”: они побуждают посетителей к действиям и провоцируют на импульсивные покупки. В первую очередь, это красный, синий и оранжевый. Эти цвета используют для кнопок или других важный действий на сайте.

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

  • Если ваш бизнес ориентируется на другие рынки, то важно проверить не будет ли выбранный цвет вызывать какие-то дополнительные ассоциации, связанные с культурой данной страны. Например, зеленый цвет в Южной Америке – цвет смерти. Голубой цвет в США ассоциируется с патриотизмом, а в Китае – с исцелением. В некоторых странах Азии белый цвет несет траур. Поэтому правильный цвет сайта нужно выбирать с учетом культурных особенностей целевой аудитории.

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

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

Инфографика: 40 фактов о том, как психология цвета может увеличить конверсию вашего сайта

Web-цвета для сайта

Вашему вниманию предлагается палитра цветов, рекомендуемых для сайтов.

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

Цвета из данной палитры везде будут отображаться правильным образом и без искажений. Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов.

Как пользоваться палитрой

Палитра состоит из 36 сочетаний 6 оттенков красного, зеленого и синего.

Над каждым цветом указаны два значения — RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML).

Таблица «безопасных» цветов

Статья написана для журнала «PR в России»

Понравилась статья? Нажми на кнопку социальных сетей, чтобы сохранить статью!

Читайте другие полезные статьи

prof-mk.ru

Как выбрать цветы

Рейтинг 4.9 из 5. Голосов: 379. Категория Выбрать подарок

как выбрать цветы

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

Выбор букета

выбор букета

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

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

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

Выбор цветов по цвету

выбор цветов по цвету

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

Блондинкам и блондинам хорошо подойдут нежные цветы такие как: нежно-розовые орхидеи, светло-желтые лилии, белые хризантемы.

Обладателям рыжих волос подойдут тёмные цветы, синие и фиолетовые розы, бордовые фиалки, ирисы, орхидеи, фиалки, гиацинты. Так же при выборе цветов стоит помнить, что цвет и количество передает чувство. Красные цветы символизируют любовь и страстное чувство (красные розы - самые любимые цветы всех влюбленных). Бледно-розовый - символ нежности, белый цвет- символизирует чистоту, невинность (например белые тюльпаны), темно-розовый означает благодарность. Абсолютно всех порадуют пестрые и розовые цветы – и те, и другие вызовут счастливую улыбку и поднимут настроение.

Количество цветов в букете имеет определенное значение:

Один цветок - знак внимания

Три - знак уважения

Пять - знак признания

Семь - знак обожания, любви...

Выбираем свежие цветы

бутон розы

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

В заключении

как правильно выбрать цветы

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

Дарите цветы как можно чаще, не только по торжественным случаям, просто радуйте и поднимайте настроение своим любимым и знакомым!

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



xn----8sbabec6fbqes7h.xn--p1ai

Цветовая психология и веб-дизайн | Блог Wix

Наш мир наполнен цветами. Мы буквально всюду сталкиваемся с ними: различные цвета могут вызывать как наши личные, так и общекультурные ассоциации и эмоции. Обратите внимание, что когда вы думаете о каком-то предмете, первое, что вам приходит в голову при его описании, – это его цвет. Это доказывает, что цвета играют очень важную роль в нашем восприятии мира.

"Картинка-раскраска" на которой изображен разноцветный контур мозга, кисточка и карандаш

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

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

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

Коричневый – тепло и уют;

Черный – сила и изысканность;

Серый – разумность и стабильность;

Синий – доверие и надежность;

Красный – возбуждение и страсть;

Розовый – молодость и романтичность;

Сиреневый – роскошь и мудрость;

Оранжевый – энергичность и жизнерадостность;

Зеленый – натуральность и рост;

Белый – чистота и простота;

Желтый – счастье и удовольствие.

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

Шаблон для интернет-магазина экологически чистых продуктов

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

 

Шаблон для сайта фотографа

  • Сочетание желтого и белого фона со светло-серым меню смотрится современно и утонченно, передавая при этом отличную энергетику.

 

Шаблон сайта приложений для мобильных устройств

  • Синий часто используется на сайтах, связанных с технологиями, так как он вызывает чувство надежности и уверенности.

 

Шаблон для сайта кондитерской или пекарни

  • Бежевый фон и использование пастельных тонов помогают вызвать великолепный кремовый вкус в сознании – и перенести его на этот сайт. Выглядит очень заманчиво!

 

Совет Wix: в идеальном варианте цвета должны гармонировать между собой и соответсвовать структуре и иерархии содержания на сайте. Дизайнер цветовой гаммы Paletton –  бесплатный онлайн ресурс, с помощью которого вы сможете легко подобрать палитру цветов к выбранному вами основному цвету.

ru.wix.com

Какие 3 самых популярных цвета для оформления сайтов?

Какие 3 самых популярных цвета для оформления сайтов

Как подтвердит большинство маркетологов, психология восприятия цвета имеет огромное влияние на отношение посетителей к online ресурсу. То, как целевая аудитория отреагирует на рекламную кампанию или воспримет ваш лендинг, тоже во многом определяет цвет.

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

Цвет очень важен

Около 85% покупателей отмечают, что цвет является основной причиной выбора продукта, и это справедливо для всего, от автомобилей до обуви. К продаже услуг данный фактор относится не меньше. Но почему? Узнаваемость бренда зависит на 80% от цветового оформления, которое вызывает доверие потребителя.

В интернет-маркетинге ситуация не менее серьезна — цвет существенно влияет на показатели продаж. 42% покупателей формируют мнение о веб-сайте на основе его дизайна, в том числе и благодаря цветовой гамме. Более того, 52% покупателей не посетят лендинг или сайт снова, если им не понравилось его оформление.

Цвет, по данным исследований нейробиологов, обладает способностью притягивать определенные сегменты людей, менять предпочтения и влиять на поведение аудитории.

1. Голубой символизирует безопасность

Самая «безопасная» цветовая гамма — синяя. Любой ее оттенок «работает» и каждое сочетание с синим эффективно. Но что подразумевается под словом «безопасность» в данном контексте?

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

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

Голубой

Если посмотреть на вопрос с другой стороны, то практически никто из респондентов не счел синий раздражающим или просто нелюбимым. По данным опроса, только 1% мужчин и 0% женщин заявили, что синий — самый отталкивающий оттенок для них.

отталкивающий оттенок

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

Многие сайты используют цвет «безопасности», за примерами не стоит ходить далеко. Самая крупная социальная сеть, Facebook, оформлена в оттенках синего.

Facebook

Twitter не отстает.

Twitter

И, да, даже LinkedIn любит синий цвет.

LinkedIn

Wal-Mart — крупнейшая в мире розничная сеть — пошла той же дорогой.

Wal-Mart

Многие банки используют этот подход. Основной цвет Citibank — синий с ярко-красной дугой.

Citibank

Bank of America использует красный, но основной цветовой акцент в их логотипе — на синем цвете.

Citibank

У Chase Bank светло-синий сайт и логотип.

Chase Bank

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

First American Home Warranty

USAA, Американская ассоциация автосервисов — основной дистрибьютор страховых полисов. На их сайте преобладает синий цвет.

Американская ассоциация автосервисов

New York Life, один из лидеров по страхованию жизни, использует хорошо известный синий квадратный логотип.

New York Life

Среди российских брендов можно выделить Yota:

Yota

И, конечно же, социальная сеть ВКонтакте:

сеть ВКонтакте

Подводя итог: вы не ошибетесь, если выберете оттенки синего для оформления своего ресурса. Даже если его слишком много, он все равно «работает».

Карен Галлер (Karen Haller), специалист в области прикладной психологии цвета, пишет о синем следующее:

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

2. Зеленый символизирует рост

Основной посыл зеленого — рост. Причины ассоциации очевидны: большинство растений — зеленые.

Зеленый

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

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

Бренд Subway

Зеленый используется в оформлении крупнейшего IT блога Techcrunch.

Techcrunch

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

Envato

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

зеленый

зеленый

зеленый

зеленый

зеленый

Российский пример напрашивается сам собой. Разумеется, это Сбербанк:

Сбербанк

3. Будьте осторожны с оранжевым

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

Оранжевый

Охотники носят оранжевые жилеты, чтобы их не подстрелили по ошибке. Строители в опасных ситуациях тоже надевают оранжевые жилеты или каски.

Оранжевый

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

Оранжевый

Home Depot апеллирует к духу авантюризма у покупателей товаров категории DIY («Сделай сам»). Цвет их логотипа красноречиво отражает эту философию.

Home Depot

Есть риск использования оранжевого цвета — он воспринимается «дешево». Гипотеза, выдвинутая в исследовании Forbes в 1991 г., подтверждает это: почти четверть опрошенных назвали оранжевый «дешевым».

оранжевый

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

Обозреватель Washington Post Джефф Туринтайн (Jeff Turrentine) предпринял мучительную попытку реабилитировать оранжевый цвет. Он отметил, что «нет ничего сомнительного в ярко-оранжевом», но признал, что иногда тот вызывает «вульгарные ассоциации».

Независимо от вашего намерения, будьте осторожны с этим цветом.

тыква

У HootSuite в логотипе присутствует оранжевый.

HootSuite

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

HootSuite

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

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

Дикси

Вывод

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

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

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

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

А теперь забудьте все, что прочитали выше :). Цвет лишь инструмент в процессе оптимизации конверсии.

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

Высоких вам конверсий!

По материалам: blog.crazyegg.com, image source splitshire 

16-12-2014

lpgenerator.ru


Смотрите также