Крутая шпаргалка по сочетанию цветов. Психология восприятия цвета объясняет, почему нам нравятся одни цвета, а другие бесят
© В.И. Шуванов
Важнейшее значение для эффективной рекламы имеет свет и цвет. Психологи считают, что свет бросает вызов человеку, призывает его к действию. Оттенки освещения вызывают у него различные настроения. Сочетание различных осветительных элементов должно обеспечить такую игру света и тени, чтобы способствовать показу товара в более выгодном свете, и наоборот, ослабить восприятие наименее эффективных его атрибутов.
Психологические исследования показали, что витрина магазина с освещением в 800 люксов вызвала интерес у 5 из 100 прохожих, при освещенности в 1200 люксов «задержались» 20 человек, а освещенность в 2000 люксов привлекли внимание уже 25 прохожих. Установлено: чем слабее источник света, тем гуще вызываемая им тень, результатом чего является утомление посетителя в его стараниях рассмотреть светлые и затемненные стороны рекламируемого товара.
Занимаясь подготовкой плаката, буклета или другой печатной рекламы, очень важно хорошо продумать дизайн: правильно расположить текст, найти эффектную картинку и выбрать ту цветовую гамму, на фоне которой реклама товара будет восприниматься наилучшим образом.
Согласно результатам, полученным в ходе многочисленных психологических экспериментов, учеными был сделан вывод, что цвет определенным образом влияет на восприятие человеком веса тела, температуры помещения и оценку удаленности объекта.
Так, красный, желтый, оранжевый цвета визуально приближают предмет, увеличивая его объем и как бы «подогревая» его. Голубой, синий, фиолетовый, черный - визуально отдаляют объект, уменьшают и «охлаждают» его. Поэтому, выбирая тот или иной цвет для рекламы товара, следует оценить его с точки зрения этих параметров.
Восприятие цвета зависит от эмоционального состояния человека. Именно этим объясняется то, что человек, в зависимости от своего эмоционального состояния, расположен к одним цветам, равнодушен к другим и не приемлет третьи. Эти закономерности открыл Макс Люшер в середине XX века. Создавая свой цветовой тест, Люшер исходил из того, что восприятие цвета у человека сформировалось в результате образа жизни и взаимодействия с окружающей средой на протяжении длительного периода исторического развития.
Сначала жизнь человека определялась главным образом двумя факторами, не подлежащими произвольному изменению: ночью и днем, светом и тьмой. Ночь означала условия, когда активная деятельность могла прекращаться. День требовал активных действий - поиска пищи, элементарного обустройства. Отсюда темно-синий цвет ассоциировался с ночным покоем, а желтый - с солнечным днем и его заботами. Красный цвет напоминал о крови, пламени и связанных с ними ситуациях, требующих высокой мобилизации, активности.
Отношение к цвету определялось характером жизнедеятельности многих поколений, обретая устойчивость, а любое проявление жизнедеятельности, в свою очередь, всегда сопровождалось тем или иным эмоциональным состоянием. Поэтому и отношение к цвету всегда было и остается эмоциональным.
Кроме того, Люшером был сделан еще один важный для рекламной индустрии вывод - цвет не только вызывает соответствующую реакцию человека в зависимости от его эмоционального состояния, но и определенным образом формирует его эмоции.
Семантика цвета
Красный - настраивает на решительность, способен вызвать у человека сильное желание совершить тот или иной поступок и, применительно к теме нашего разговора, сделать энергичное усилие и купить, к примеру, рекламируемый товар. Данный цвет, как никакой другой, способен быстро привлечь к себе внимание, зафиксировать взгляд на предмете рекламы. Семантика этого цвета - «внимание, не проходите мимо, действуйте ради действия: дерзко, необдуманно, поддайтесь первым чувствам» . Красный цвет также обладает и определенным сексуальным зарядом. Это особенно необходимо учесть тем, кто рекламирует продукцию, адресованную мужчинам, для которых красный цвет всегда был знаковым.
Однако не стоит излишне переоценивать этот цвет: он хорош в меру. Так, небольшая деталь объявления или каталога, выделенная красным, будет уместна и сразу привлечет к себе внимание, в то время как чрезмерное его использование способно вызвать у потребителя агрессивность и даже раздражение предметом рекламы.
Оранжевый - помогает вызвать прилив жизненных сил, дает оптимистический тонус. Древние считали его цветом здоровья и творчества. Данный цвет лучше всего использовать в рекламе медикаментов, детских товаров, а также услуг в области здравоохранения и образования. Оранжевый цвет прибавляет активности, но при этом дает ощущение внутреннего равновесия и душевной гармонии.
Желтый - настраивает на коммуникабельность. Это цвет открытости и общительности. А еще он помогает придать уравновешенность разгулявшимся эмоциям, обрести внутреннее спокойствие, утихомирить душевное волнение. Кроме того, желтый способен «наделить» предмет интеллектом, поэтому, например, рекламу товаров типа «хайтек» лучше всего сделать в желтом цвете. Этот цвет будет удачен в рекламе детских товаров, услуг туристических фирм, а также рекламных и PR-агентств.
Зеленый - все смягчает, снимает остроту переживаний. Этот цвет оказывает целительное, расслабляющее действие. И будет уместен и эффективен в рекламе медикаментов, водоочистительных систем, стоматологических клиник и аптек, ветеринарных лечебниц, центров здоровья и охраны окружающей среды.
Розовый - прекрасный помощник в сфере личных отношений: он усиливает чувства, делает нас более внимательными, ласковыми и чуткими. Диапазон использования этого цвета может быть самым широким: от рекламы парфюмерной продукции, товаров для женщин и детей до услуг брачных агентств и семейных центров.
Голубой - тоже настраивает на область чувств, но более возвышенных, скорее платонических, нежели приземленных. Это цвет дружеской привязанности, родства душ. Голубой - цвет мира и всеобщей гармонии. Он дает возможность почувствовать незримую связь со Вселенной и способен придать предмету целостный вид, а вопросу или делу - глобальность и благоприятный исход.
Синий - помогает сконцентрироваться на самом необходимом: не расплыться по мелочам, не разбрасываться. Синяя деталь в каталоге или рекламном проспекте сразу привлечет к себе внимание и, в отличие от красной, никогда не вызовет отрицательных эмоций.
Фиолетовый - цвет внутренней сосредоточенности. Этот цвет способствует внутреннему углублению: он поможет абстрагироваться от всего ненужного в данный момент и сконцентрироваться на главной проблеме. Еще одна интересная деталь - фиолетовый хорошо стимулирует работу мозга и способствует решению творческих задач. Не случайно фиолетовый так любим людьми творческими. Поэтому, если вы рекламируете товар, с помощью которого хотите подчеркнуть креативность товара или ориентированы на предоставление услуг творческой элите, деталь в фиолетовом будет просто необходима!
Черный - цвет самопогружения: он помогает от всего отгородиться, замкнуться и сконцентрироваться на решении той или иной задачи. В то же время данный цвет способен настроить на меланхолию и уныние. В черном приходит ощущение одиночества и изоляции от окружающего мира. Именно поэтому данный цвет в печатной рекламе лучше не использовать. Эта рекомендация, разумеется, не распространяется на шрифт и таблицы. Как раз в отношении их-то, за редким исключением, лучше не экспериментировать.
Белый - цвет полной открытости, готовности воспринимать мир во всем его многообразии. А еще этот цвет хорош тем, что не несет никаких неприятных ощущений. Стоит лишь заметить, что моноиспользование данного цвета в печатной рекламе способно создать нейтральный эффект, когда потребителю рекламы просто сообщается информация о товаре, без установления каких-либо акцентов и приоритетов.
Интересно, что отношение к цвету в каждой стране свое, и существует даже своя национально-культурная специфика, которую необходимо учитывать, занимаясь разработкой рекламной кампании в той или иной стране.
В Америке красный цвет ассоциируется с любовью, желтый - с процветанием, зеленый - с надеждой, голубой - с верностью, белый олицетворяет чистоту, спокойствие, мир, а черный - символ сложности и чрезвычайной ситуации. В Австрии наиболее популярным является зеленый цвет, в Болгарии - темно-зеленый и коричневый, в Пакистане - изумрудно-зеленый, а в Голландии - оранжевый и голубой.
В целом, чем ближе к Востоку, тем большее значение придается символике цвета. Так, в Китае красный цвет означает доброту и отвагу, черный - честность, а белый, в отличие от общепринятого европейцами символа чистоты и святости, ассоциируется с подлостью и лживостью. Поэтому, занимаясь разработкой рекламной кампании, скажем, в Китае, нужно правильно выбрать цветовую гамму, иначе $сть шанс быть неправильно понятым.
Что касается России, то излюбленным цветом у нас всегда был красный, который испокон веку ассоциировался с богатством и любовью. До сих пор ключевыми цветами, украсившими российский флаг, остаются красный, белый и синий (символ чистоты и духовного совершенствования) .
Интересна символика цвета в Японии, хотя здесь все несколько сложнее из-за того, что многое зависит и от формы цветового изображения. Очень любопытны данные относительно влияния цветовых и графических решений на эмоции человека. Принято считать, что вертикальные или горизонтальные прямые линии ассоциируются со спокойствием, ясностью и даже солидностью, а изогнутые - с изяществом и непринужденностью. Однако это справедливо только при определенных условиях. Например, чем чаще вертикальные и горизонтальные линии и чем контрастнее цвета, выбранные для их изображения, тем более неприятные ощущения они производят.
Незамысловатые и симметричные формы «прочитываются» гораздо быстрее других. Наиболее сложно воспринимаются фантастические, изощренные формы, лишенные явных ассоциаций. Они привлекают внимание, но способны вызвать непредсказуемое отношение.
Установлено, что символика отражения формы соответствует реальным ощущениям. Например зигзагообразная линия «^» передает впечатление резкого изменения, концентрации силы, быстрого высвобождения энергии. Так все народы графически изображают молнию. Несбалансированные формы вызывают ощущения дискомфорта, незавершенные формы человек стремится мысленно дорисовать, достроить.
Сильное эмоциональное воздействие определенных форм и цветовых сочетаний было замечено и освоено еще в глубокой древности. Цвет и форма целенаправленно использовались в психотерапевтических целях. Восприятие цвета и эмоциональное к нему отношение зависит главным образом от эмоционального состояния человека. Оказалось, что определенным эмоциональным состояниям человека соответствуют его устойчивые отношения к цвету, цветосочетаниям: одному цвету отдается предпочтение, другой не вызывает особых эмоций, третий вовсе отвергается.
| Цвет | Символ зрительно-чувственного восприятия | ||||
| Расстояние | Размер | Температура | Душевное настроение | Гигиеническое воздействие | |
| Зеленый | далекий | уменьшает | нейтральный, очень холодный | очень спокойный | свежий |
| Красный | близкий | увеличивает | теплый | раздражающий, тревожный | - |
| Оранжевый | очень близкий | увеличивает | очень теплый | увлекательный, возбуждающий | - |
| Желтый | близкий | - | очень теплый | увлекательный, возбуждающий | - |
| Коричневый | очень близкий | - | нейтральный | - | грязный |
| Фиолетовый | очень близкий | - | холодный | агрессивно тревожный, обескураживающий | - |
Люди всё ещё спорят, является ли содержание главным. Если вы спросите меня, то я полностью соглашусь с ними, и моё мнение основано на моем собственном опыте. Несмотря на то, является оно доминирующим или нет, есть нечто, что не менее важно! Что это, спросите вы? Знаю, все любят говорить: «Не судите о книге по её обложке». Но как еще вы планируете привлечь внимание кого-либо , как не оригинальной обложкой? Очевидно, когда вы привлекли чье-то внимание, остальные усилия вы можете потратить на содержание. Речь будет идти о цветах веб-дизайна, и как управлять ими.
Первое впечатление вы производите лишь однажды
Всегда существует одно конкретное действие, которое вы хотите заставить сделать посетителя вашего сайта. Это действие, на которое вы делаете самый большой акцент. Это может быть кнопка подписки, кнопка «далее», или кнопка «купить».
Какой бы ни была кнопка, всегда помните, что то, нажмут на неё или нет, зависит от ощущений, которые испытывает посетитель, когда находиться на вашем сайте.
В этой статье вы узнаете о 5 самых популярных цветах, которые заставят ваш сайт заинтересовать и заинтриговать посетителей.
«Pinterest» использует множество красных оттенков
Без сомнения красный считается самым горячим цветом. Если Вы посмотрите на цветовую палитру «Pinterest», вы сразу обратите внимание, что красный является их основным цветом.
Красный часто ассоциируется с любовью. Это сильный и динамичный цвет, который может заставить вас ощущать влюблённость во что либо, что находится рядом с этим цветом.
Этот цвет часто встречается в оформлении акций, так как его интенсивность создает ощущение срочности.
Помимо всего, этот интенсивный цвет может вызывать у посетителей сайта чувство возбуждения или поощрения. Но в то же время он может и отбить желание находиться на нём, так что всегда нужно быть осторожным.
Используйте красный, для акцентирования внимания в вашем веб-дизайне. Он хорошо комбинируется с белым, серым, светло-синим или серебристым цветами.
Практический пример использования красного цвета:
Человеческий глаз видит красный цвет, когда он смотрит на свет с длиной волны между 630 и 700 нанометров. Свет выше этого диапазона называется инфракрасным, и не воспринимается человеческим глазом, но он может быть идентифицирован как тепло. - Wikipedia
Более широкое использование палитры красного цвета (по jimjim421):
10 ассоциаций с красным цветом:
- кровь
- война
- пожар
- мужественность
- страсть
- обольщение
- принуждение
- энергия
- храбрость
«Amazon » любит насыщенный оранжевый:
Оранжевый — теплый и активный цвет, но не настолько интенсивный, как красный. Оранжевый цвет — скорее теплый, чем горячий.
Наполненный энергией, этот яркий цвет призывает, а не вынуждает или заставляет, людей действовать. Оранжевый лишь иногда воспринимается как интенсивный - он призывает к таким действиям, как купить, подписаться, продать или следовать. Рекомендуется использовать оранжевый цвет, если после посещения вашего сайта вы хотите оставить у гостя чувство мотивации, радости, креативности, и полноты энтузиазма.
Практический пример использования оранжевого цвета:
Более широкое использование оранжевой палитры по manekineko :
10 ассоциаций с оранжевым:
- оптимизм
- определение
- пожар
- предупреждение
- осень
- религия
- выносливость
- сострадание
- Хэллоуин
- организм
Синий цвет facebook создает ощущение безопасности:
Вы можете найти много деловых и корпоративных веб-сайтов с использованием синего цвета. Этот цвет у нас ассоциируется с чем-то надежным, безопасным, вызывает чувство доверия и опыта. Таким образом, не удивляет тот факт, что каждый бизнесмен, который заботится о том, какие впечатления он оставит от сайта своей фирмы, предпочитает использовать синий цвет. Синий создает ощущения совершенно противоположные от тех, которые оставляет красный. Синий успокаивает нас, и мы вовсе не должны беспокоиться о том, что его будет слишком много.
Практический пример использования синего цвета:
Могу поспорить, что вы не знали:
Опрос, который был проведён в Германии и опубликован в 2009 году доказал, что синий — любимый цвет 46 процентов опрошенных мужчин и 44 процентов женщин. — Wikipedia
Более широкое использование синей цветовой палитры по entitydesigns :
10 ассоциаций с синим:
- правдивость
- дружелюбие
- магия
- парни
- безвозмездность
- полиция
Сила зеленого цвета на
Чувствуете себя сейчас необычайно оптимистично? Дайте угадаю — вы смотрели на что-то зеленое? Возможно, вы смотрели просто на зеленое растение — это, несомненно, успокоило вас и заставило посмотреть на вещи оптимистичней.
Все, кто каким-то образом связан экологией, имеет больше возможностей использовать зеленый цвет в создании своих сайтов. Обратите внимание на 100-долларовую банкноту. Здесь преобладает зеленый цвет! Такие сайты, как Groupon, также имеют достаточно зеленого цвета в своём бренде, так как они непосредственно имеют дело с деньгами. Зеленый цвет очень освежает и расслабляет, оставляя у людей чувство сбалансированности и вдохновения. Он представляет собой баланс и гармонию в дизайне.
Практический пример использования зеленого цвета:
Могу поспорить, что вы не знали:
В некоторых языках, в том числе старокитайском, тайском, старояпонском, и вьетнамском, одно и то же слово может одновременно означать и синий, и зеленый цвет. Не существует природных источников для зеленых пищевых красителей, которые были бы одобрены организацией контроля за продуктами и лекарствами США. - Wikipedia
Более широкое использование зеленого цвета по Skybluue2u :
10 ассоциаций с зеленым:
- деньги
- жадность
- зависть
- природа
- весна
- здоровье
- молодость
- трава
- надежда
Yahoo! и фиолетовый цвет на их логотипе
Фиолетовый цвет чаще всего ассоциируется с такими понятиями, как воображение, креативность, достоинство, благородство и изобилие. Яркие оттенки фиолетового по большей мере связаны с весной и романтикой, в то время как более темные его тона ассоциируются с роскошью и богатством. Фиолетовый цвет используется в красивых и модных моделях постельного белья, потому что фиолетовый успокаивает больше, чем любой другой цвет. Он считается скорее женственными и романтичным, нежели мужским цветом. При взгляде на вещи фиолетового цвета он кажется явно искусственным, это потому что этот цвет встречается в природе очень редко. Так же, как и красный, люди находят фиолетовый цвет слишком сильным и ярким, он заставляет их чувствовать принуждение к чему либо, он как бы подталкивает принять определенное действие. Поэтому было бы эффективно сочетать этот цвет с черным или белым цветами.
Практический пример использования фиолетового цвета:
Могу поспорить, что вы не знали:
В апреле 2007 года учёные предположили,что ранние археи, возможно, использовали фиолетовый пигмент по принципу хлорофилла, для того, что бы поглощать энергию солнца. Если бы это действительно было так, то огромные площади океанов и береговых линий были бы фиолетового цвета. Эта теория называется «фиолетовой гипотезой Земли». — Wikipedia
Более широкое использование фиолетового цвета по
10 ассоциаций с фиолетовым
- богатство
- щедрость
- благородство
- утонченность
- романтика
- искусство
- экзотика
- духовность
- роскошь
- женственность
1WD разумно используют монохромные цвета
Обычно монохромные цвета такие, как белый, черный, темно-серый и светло-серый следует использовать в качестве фона в разработке дизайна с уже существующими и правильно расположенными акцентирующими цветами, которые являются более яркими и насыщенными. Взгляните на сайт, 1stwebdesigner — 1WD. Они используют также оранжевые цвета в качестве яркого цветового акцента — но только в гармоничном сочетании с темно-серыми и светло-серыми тонами. И, конечно же белый, (фоновый цвет сайта). Черный цвет всегда будет представлять модерн, загадочность, элегантность и силу. Серый — нейтральный цвет, представляющий нечто спокойное и практически неведомое, как тень. Поскольку серый цвет иногда может выглядеть грязным, то белый создаст противоположный эффект. Белый отождествляет чистоту, открытость, простоту и минимализм.
Практический пример использования монохромного цвета:
Могу поспорить, что вы не знали:
Цифровая монохромная фотография охватывает только оттенки черного, которые воспринимает датчик фотокамеры. При пост-обработке цветных изображений можно преобразовать воспринимаемую яркость путем объединения показателей нескольких каналов. - Wikipedia
Более широкое использование монохромной палитры по munsteri
10 ассоциаций с монохромными цветами
- власть
- элегантность
- пространство
- мягкость
- невиновность
- пессимизм
- депрессия
- скука
А какой Ваш любимый цвет? И какие ощущения и эмоции он у Вас вызывает?
Перевод — Дежурка
Ребята, мы вкладываем душу в сайт. Cпасибо за то,
что открываете эту
красоту. Спасибо за вдохновение и мурашки.
Присоединяйтесь к нам в Facebook
и ВКонтакте
То, как мы реагируем на тот или иной цвет, анализ этих реакций и ассоциаций помогают нам познать себя и определить свое отношение к окружающему миру. Любимый цвет тоже может многое рассказать о человеке. Именно поэтому темой цвета активно занимаются ведущие психологи и ученые , включая экспертов Pantone Color Institute - мирового авторитета в этой области.
сайт решил разобраться, как именно действуют на нас базовые цвета и их оттенки с точки зрения психологии и физиологии.
Красный
Красный цвет не бывает робким, каким бы ни был его оттенок. Теплый красный оттенок - страстный и романтичный. Холодный связывают со зрелостью, властью и авторитетом. Красный стимулирует аппетит, улучшает обоняние, обостряет вкус, он способен повышать сексуальную и гормональную активность. Исследования утверждают, что красный цвет оказывает на мозг возбуждающее воздействие.
Личность и красный. Красный предпочитают уверенные в себе, властные, активные люди, обладающие сильной энергетикой, смелостью, жаждой жизни. Любители красного цвета, как правило, экстраверты, им постоянно нужно решать новые и новые проблемы, задачи.
Люди, отвергающие красный цвет , испытывают нехватку жизненной энергии, и это их раздражает. Все это может быть следствием усталости, физической слабости, в отдельных случах даже сердечной недостаточности.
Розовый
Розовый сочетает страсть с чистотой, он трогательный, с ним ассоциируется любовь и невинность. Светло-розовые тона воспринимаются как мягкие и нежные, романтичные. Исключение - яркие оттенки: фуксия, флокс. Их можно отнести к вызывающим, они настойчивы и более агрессивны, воспринимаются как энергичные, привлекающие внимание.
Наблюдения Александра Шаусса, доктора Американского института биологических исследований, показали, что розовый цвет может значительно уменьшать уровень человеческой агрессии, понижать кровяное давление, частоту пульса и сердцебиение. Его исследования были приняты на вооружение в одной из тюрем Сиэтла, где новоприбывших заключенных 15 минут держали в розовой камере, прежде чем отправить в основной блок. За это время и как минимум в дальнейшие полчаса заключенные не проявляли агрессии.
Личность и розовый. Люди, предпочитающие розовый, не такие энергичные, как любители красного, но это не значит, что им свойственна медлительность. В них сочетается и страсть, и чистота, они нежные, романтичные, мягкие, талантливые, но лишенные честолюбия. Любители розового крайне непостоянны.
Людей, которым не нравится розовый цвет , раздражает наивность и сладость, которую он транслирует. Они считают такие качества проявлением слабости, им не хватает той напористости, страсти, которая есть в красном.
Желтый
В психологии Юнга желтый является символом интуиции. Как показали исследования, результаты которых доктор Макс Люшер опубликовал в своей книге , желтый цвет чаще всего ассоциируют с весельем, свободой, открытым выражением чувств, светом, самореализацией, он воспринимается как дружелюбный, энергичный и открытый. Это цвет для поднятия настроения.
Несмотря на то что желтый цвет ассоциируется с весельем, радостью и энергичностью, он может нести и обратное значение. Это касается зеленоватых и грязно-сернистых оттенков желтого, во многих культурах они связываются с обманом, изменой, чувством вины.
Личность и желтый. У любителей желтого оригинальное мышление, богатое воображение и отличная интуиция. У них сильно развито творческое начало. Ценители желтого заряжены оптимизмом и активностью, их притягивает все новое и необычное, они импульсивны и стремятся к радости. Это люди, которые умеют хранить чужие секреты. Они надежные друзья.
Как правило, желтый не любят реалисты, практичные люди, которые скептически относятся к новым идеям и предпочитают синицу в руках. Отрицание желтого цвета может говорить о том, что человек чувствует себя в отчуждении, его надежды и мечты рухнули.
Оранжевый
В оранжевом объединились красный и желтый, поэтому этот цвет несет в себе характеристики, присущие им обоим. Оранжевый - единственный цвет, не имеющий холодных оттенков. Этот цвет ассоциативно прочно связан с самыми вкусными соками и фруктами.
Яркие оттенки оранжевого вызывают ассоциации с энергичностью, общительностью, весельем. Многие считают этот цвет кричащим и вульгарным. А вот глубокие коричневато-оранжевые тона выглядят более приемлемыми.
Оранжевый повышает аппетит , по этой причине его часто используют в дизайне упаковок продуктов. Он способен моментально привлекать внимание, вызывать радость, стимулировать активность, что делает его идеальным цветом для оформления ресторанов быстрого питания. Нежные оттенки оранжевого используют владельцы дорогих ресторанов.
Личность и оранжевый. Люди, которым нравится оранжевый цвет, большие энтузиасты, склонны к авантюрам, у них почти всегда хорошее настроение и регулярно возникают оригинальные идеи. Любители оранжевого одинаково хорошо умеют и работать, и отдыхать. Они упорны, настойчивы, любят находиться среди людей, легко идут на компромиссы, неагрессивны. Обаятельные, жизнерадостные поклонники оранжевого без проблем добиваются успеха в работе.
Те, кто не любит оранжевый , часто имеют репутацию нелюдимов, они избегают шумных компаний, не выставляют личное напоказ, трудно сходятся с людьми. Если находят друга, то на всю жизнь, а круг их знакомых состоит из небольшого количества близких людей.
Синий
Синий цвет воспринимается как комфортный, безопасный, надежный, успокаивающий. Он вызывает в людях ощущение гармонии, дарит чувство контроля и ответственности. В то же время переизбыток синего может вызвать меланхолию и легкую депрессию.
Синий оказывает успокоительное воздействие: снижается кровяное давление, уменьшается частота пульса и потливость. Из всей синей гаммы успокаивающим эффектом не обладают только самые яркие его оттенки.
Личность и синий. Любовь к синему цвету часто бывает фанатичной и на всю жизнь. Любители синего заслуживают доверия, на них можно положиться. За внешней уверенностью и холодностью часто скрывается уязвимость. Люди, которые любят синий цвет , ценят доверие, искренность, верность. У них повышенное чувство ответственности, они стремятся к совершенству и бывают чрезмерно требовательны.
Те, кто не любит синий цвет , обычно энергичные и беспокойные, не выносят рутину и монотонность. Они ищут разнообразие и терпеть не могут, когда на них ложится груз ответственности. Для таких людей синий цвет символизирует тоску и депрессию.
Зеленый
Зеленый цвет обладает широким диапазоном, поэтому может вызывать самые разнообразные ассоциации - позитивные и негативные. Возможно, это связано с тем, что человеческий глаз воспринимает больше всего именно зеленых тонов.
Зеленый у большинства ассоциируется с природой, зеленью листьев, это цвет леса, свежей мяты и лайма. Наименее популярный из семейства зеленых - грязный, желтовато-зеленый, сернистый оттенок, он вызывает чаще всего негативную реакцию, так как ассоциируется с тошнотой и плохим самочувствием.
Зеленый цвет успокаивает зрение, особенно после длительного контакта с красным. Поэтому униформа хирургов часто зеленая. Успокаивающе действует зеленый и на психику людей. Это хорошо известно владельцам казино - столы, как правило, покрыты зеленым сукном, что помогает снизить уровень возбудимости игроков.
Личность и зеленый. Чаще всего любители зеленого - стабильные, уравновешенные люди, добрые, щедрые, надежные, скрупулезные. Он ценят уважение и восхищение окружающих. Они предпочитают проверенные способы действий, их отличает высокий уровень интеллекта и способность быстро схватывать новые концепции.
Те же, кто не любит зеленый цвет , не очень общительные, неприветливые, они не любят выглядеть и поступать так, как это делает большинство. Таких людей редко можно увидеть на вечеринке, это не для них.
Фиолетовый
Фиолетовый - самый сложный и загадочный из всех цветов. В нем сочетается страсть красного и холодное спокойствие синего. От того, какой из этих цветов преобладает в составе фиолетового оттенка, зависит и настроение, которое он будет транслировать. Неудивительно, что фиолетовый цвет предпочитают художники, дизайнеры, артисты - творческие, эксцентричные люди.
Цветотерапевты утверждают , что фиолетовый свет помогает вылечить кашель, снизить кровяное давление и устранить проблему с бессонницей. Фиолетовый обладает неоднозначным психологическим смыслом, людям сложно воспринимать его оттенки. Это вызывает двойственное восприятие и реакцию на него.
Личность и фиолетовый. Как и сам фиолетовый цвет, его любители загадочны, обладают развитым творческим началом и очень восприимчивы к различного рода духовным идеям, мистике. Его предпочитают люди, считающие себя непохожими на других. Любители фиолетового щедры по своей натуре, бывают очень обаятельными, они остроумны, наблюдательны, но при этом им свойственны перепады настроения, тщеславие и повышенная чувствительность, скрытность.
Те, кто не любит фиолетовый цвет , испытывают потребность в искренности, честности, это открытые, справедливые люди, которые ждут от остальных такого же отношения.
Коричневый
Коричневый оказывает на разум человека глубокое психологическое воздействие. Даже те люди, которые утверждают, что не любят этот цвет, с легкостью окружают себя коричневой мебелью, делают деревянный пол и вполне комфортно чувствуют себя в окружении такого цвета. А все потому, что коричневый символизирует убежище и позволяет человеку ощутить себя в спокойствии и безопасности.
А еще у него непреодолимая ассоциативная связь с шоколадом и другими роскошными кондитерскими изделиями: пирожными, тортами, помадками.
Личность и коричневый. Любители коричневого цвета обладают чувством долга и ответственности. Они стабильные и надежные, верные друзья, понимающие, при этом решительные и готовые отстаивать свою точку зрения. Эти люди любят и ценят комфорт, простоту, гармонию, они привязаны к дому, для них важна безопасность. Беззаботность и спонтанность не свойственны любителям коричневого , но при этом они часто восстают против серости и обыденности. Теряя контроль над ситуацией, такие люди очень нервничают и испытывают стресс.
Те же, кто не любит коричневый , обожают фантазировать и ввязываться в рисковые ситуации, они щедры, остроумны и порывисты. Рутина, как и домоседы, сводит таких людей с ума.
Серый
В зависимости от оттенка серый может символизировать отрешение и подавление чувств, быть элегантным и изысканным, скучным и нейтральным, спокойным и безопасным, символом долголетия и силы, интеллекта. Серый служит отличным фоном для ярких, сочных цветов.
Личность и серый. Люди, которые предпочитают серый всем остальным цветам, абсолютно нейтральны в жизни. Для таких людей в приоритете спокойствие, безопасность, уравновешенность. Они предпочитают созерцать происходящее, а не активно действовать. Часто идут на компромиссы, стараются не привлекать к себе внимание, готовы много и упорно трудиться, выполняя рутинную работу. Это сосредоточенные, консервативные и надежные люди.
Личность и белый. Истинные любители белого цвета очень аккуратны, их отличает идеальный вкус как в одежде, так и в оформлении своего дома. Таким людям свойственны скрупулезность и чрезмерная критичность.
Те, кто не любит белый цвет , вовсе не являются неряхами. Но это явный признак того, что порядок для них не главное. Это уравновешенные и спокойные люди, с которыми приятно проводить время.
Черный
Одним людям черный цвет кажется магическим и зловещим, другие уверены, что нет более изысканного цвета. В любом случае черный вряд ли удастся проигнорировать. В нем заложена огромная внутренняя сила, сейчас это цвет шика и хорошего вкуса. Лучше всего черный смотрится в элегантных сочетаниях и на дорогих фактурах.
Жители больших городов часто предпочитают черный как в одежде, так и в оформлении жилища. Они считают, что он помогает им чувствовать себя менее уязвимыми, защищенными, обеспечивает некую приватность. А вот психологи уверены, что отказ от остальных цветов радуги в пользу черного часто приводит к депрессии.
Личность и черный. Суть черного цвета заключена в отрицании цвета как такового. Поэтому любители черного крайне противоречивы, склонны к бунтарству. Такие люди могут быть изысканными, консервативными и простыми, а могут считать себя серьезными интеллектуалами или чрезвычайно сексуальными персонами. Любители черного обладают сложным, но благородным характером , больше всего они ценят интеллект, остроумие, личную безопасность и престиж.
Для тех, кто не любит черный , этот цвет является символом траура и смерти, вечной загадки, дороги в никуда, он неуютный для них.
В разный период жизни отношение к тому или иному цвету может меняться. Какой цвет занимает у вас место фаворита сегодня?
Цвет, безусловно, является важным источником эмоции. Цвета могут устанавливать правильный тон и передавать необходимые эмоции посетителям, могут взволновать, вызвать множество чувств и стимулировать к действиям. Он является чрезвычайно мощным фактором воздействия на пользователей.
При выборе цветовой гаммы для сайта, важно сделать это правильно, руководствуясь основными принципами теории цвета. В статье рассматриваются наиболее значимые аспекты при выборе, основные принципы сочетания, назначение цвета в web-дизайне и его символическом значение. Кроме того, Вы увидите несколько хороших примеров в соответствии с преобладающими цветами, а также ознакомитесь с некоторыми полезными советами, чтобы эффективно использовать цвета при создании web-сайта.
Итак, приступим к знакомству с магией цвета…
Цветовая теория: основные принципы. Умение сочетать цвета
Хорошо когда у Вас есть чувство вкуса, и Вы без проблем можете подобрать цветовую схему сайта. Не все люди могут сделать это легко. Для тех, кто не уверен, как правильно объединить цвета при создании web-сайта, я бы рекомендовал ознакомиться с основами теории цвета.Рассмотрим цветовой круг.
Немного истории:
цветовой круг изобрел Исаак Ньютон. Обосновав теорию света и цветов в 1666г. Именно она легла в основу становления и развития современной оптики, малой и составной частью которой является web-дизайн. Ньютон при помощи трёхгранной стеклянной призмы разложил белый свет на семь цветов (в спектр), тем самым доказав его сложность (явление дисперсии), открыл хроматическую аберрацию.
Цветовой круг является непременным атрибутом многих дизайнеров и художников по всему миру. Это идеальное доказательства теории, что гениальное всегда просто. Круг позволяет вам выбрать цвета, которые гармонировали бы вместе. Он состоит из 6 основных цветов: красный, оранжевый, желтый, зеленый, синий, фиолетовый и дополнительных цветов.
Чтобы найти правильную цветовою схему, необходимо использовать любые два цвета друг напротив друга, любые три цвета на равном расстоянии при формировании треугольника или любой из четырех цветов, образующих прямоугольник (две пары цвета друг напротив друга). Цветовые схемы остаются правильными независимо от угла поворота.
Основные цвета
Есть три основных цвета: красный (# ff0000 в HTML или # F00 в CSS), желтый (# FFFF00 в HTML или # ff0 в CSS) и голубой (# 0000FF в HTML или # 00f в CSS). Нельзя их получить путем смешивания других цветов. Дополнительные цвета могут быть сформированы путем объединения этих трех цветов.
Составные цвета
Есть также три основных: оранжевый (# ff9900 в HTML или # F90 в CSS), зеленый (# 00FF00 в HTML или # 0f0 в CSS) и фиолетовый (# FF00FF в HTML или # f0f в CSS). Вы можете получить их путем смешивания красного и желтого(оранжевого), желтого и синего (зеленый) и синего и красного (фиолетовый).
Третичные цвета
Чтобы получить один из третичных цветов, необходимо смешать один основной цвет и один вторичный цвет. Возможности для третичные цветов безграничны.
Дополнительные цвета
Дополнительные цвета расположены прямо напротив друг друга на цветовом круге: красный и зеленый, синий и оранжевый, фиолетовый и желтый. В сочетании друг с другом, они составляют разительный контраст. Такие сочетания, как правило, используются для выделения некоторых элементов на web-сайте.
Аналогичные цвета
Эти цвета расположены рядом друг с другом на цветовом круге. Они обычно смотрят очень хорошо вместе. Использование таких цветовых сочетаний вызывает чувство комфортa у посетителей Вашего сайта.
Цвета в разных культурах: символизм
При выборе гаммы для вашего сайта, необходимо принимать во внимание тот факт, что цвет может иметь всевозможные значения в различных культурах. Культурный аспект для цветной символики может быть очень сильным, так что вы должны знать о том, какова аудитория сайта.Давайте выясним, какое значение имеют цвета в различных культурах:
- Китай: цвет невесты, удачи, торжества
- Индия: чистота
- Южная Африка: траурные цвета
- Восток: радость (в сочетании с белым)
- Запад: возбуждение, любовь, страсть
- США: рождество (с зеленым), день святого Валентина (с белым)
- Иврит: жертва, грех
- Япония: жизнь
- Христианство: жертва, страсть, любовь
- Фэн-шуй: Янь, огонь, удача, уважение, защита, живучесть, деньги, признание
- Европа: успокоение
- Иран: траур, цвет неба и духовность
- Китай: бессмертие
- Индуизм: цвет Кришны
- Иудаизм: святость
- Христианство: цвет Христа
- Католицизм: цвета одежды Марии
- Ближний Восток: защита
- В мире: цвет безопасности
- Фэн-шуй: Инь, вода, спокойствие, любовь, исцеление, релаксация, доверие, приключения
- Запад: печаль, депрессия
- Европа: счастье, надежда, радость, трусость в опасностях, слабость
- Азия: цвет имперского
- Египет: траур
- Япония: мужество
- Индия: торговцы
- Буддизм: мудрость
- Фэн-шуй: Янь, Земля, благоприятный, солнечные лучи, тепло, движение
- Европа: осень, урожай, творчество
- Ирландия: протестанты (религиозные)
- США: Хэллоуин (с черным), дешевые товары
- Индуизм: шафран (персиковый оранжевый) священный цвет
- Фэн-шуй: Янь, Земля, цели, усиливает концентрацию
Коричневый
- Колумбия: препятствие продажам
- Австралийские аборигены: цвета земли, торжественное охра
- Фэн-шуй: Янь, Земля, промышленность
Зеленый
- Япония: жизнь
- Ислам: надежда, добродетель
- Ирландия: символ всей страны
- Европа / США: весна, новое рождение, День Святого Патрика, Рождество (с красным)
- США: деньги
- Индия: Ислам
- Фэн-шуй: Инь, дерево, исцеление, здоровье, успокаивающее
Фиолетовый
- Таиланд: траур (вдовы)
- Католицизм: смерть, траур, распятие
- Фэн-шуй: Инь, цвет физического и психического исцеления
Белый
- Европа: брак, ангелы, врачи, больница, мир
- Япония: траур, белая гвоздика символизирует смерть
- Китай: траур, смерть,
- Индия: несчастья
- Восток: похороны
- Фэн-шуй: Янь, металл, смерть, призраки, траур, равновесие, уверенность
Черный
- Европа: траур, похороны, смерть, бунт, спокойствие
- Таиланд: несчастье, зло
- Иудаизм: несчастье, зло
- Австралийские аборигены: цвет людей
- Фэн-шуй: Инь, вода, деньги, успех в карьере, доход, стабильность, эмоциональная защита, сила
Значение цветов
Давайте посмотрим, какие чувства может вызвать каждый цвет и посмотрим на некоторые готовые решения.В основном связан с азартом, смелостью и желанием. Красный цвет любви, силы, энергии, лидерства и волнения. Это сильный цвет, и вы должны знать о некоторых его негативных эмоциях: опасность, тревога.
Терпение, мир, спокойствие, надежность, любовь, стабильность. Один из самых любимых цветов, особенно у мужчин. Это связано со стабильностью и глубиной, профессионализмом, доверием.
Цвет, который чаще всего ассоциируется с живостью. Энергичный, дает ощущение счастья. Кроме того, он ассоциируется с любопытством, развлечением, радостью, интеллектом, осторожностью.
Бодрость и творчество. Ассоциируется с дружелюбием, уверенностью, игривостью, мужеством, стойкостью.
Фиолетовый
Традиционно ассоциируется с властью, благородством и богатством. Мудрость, независимость, благородство, роскошь, честолюбие, достоинство, магия и тайны.Задача выбора цветовой схемы для сайта может показаться невыполнимой, особенно, если вы не разбираетесь и не очень хорошо ориентируетесь в цветовых сочетаниях:
Если все пойдет хорошо, ваш сайт будет выглядеть гармонично. Если нет, вы получите картину в стиле фильма ужасов!
Если вы вообще откажитесь от использования цвета на вашем сайте, он будет выглядеть невзрачно и быстро забудется. Если вы переборщите с цветом, сайт будет казаться безвкусным.
Нужно правильно подобрать шаблон и цветовую палитру будущего сайта. Две эти задачи могут оказаться едва ли не самыми сложными при создании сайта.
Знание всего нескольких правил позволит сделать выбор цветовых решений не таким тяжелым.
Прочитав эту статью, вы узнаете, как:
- Выбрать наиболее подходящий цвет для сайта и личного бренда;
- Как сочетать тона для достижения гармоничной цветовой гаммы;
- Выбрать наиболее удачный фоновый цвет;
- Использовать цветовые акценты только там, где нужно.
Каким образом цвет влияет на восприятие вашего сайта и бренда?
Если я попрошу вас подумать о Кока-Коле, что первым придет вам на ум? Скорее всего, в вашем воображении всплывёт красный логотип Кока-Колы:
Довольно сложно думать об этом напитке, и не ассоциировать его с красным цветом. Красный настолько прочно связан с брендом, что так же важен, как и сам знаменитый напиток.
Красный в цветовой схеме несет в себе два важных послания:
- Ярко-красные этикетки сильно выделяются на фоне остальных на прилавках с газировкой.
- Каждый цвет вызывает определенные эмоции. Когда мы видим красный, у нас на подсознательном уровне возникает чувство возбуждения, любви и страсти. Именно эти чувства Кока-Кола хочет вызвать своими напитками:
85% покупателей признают, что основной причиной покупки товара явился его цвет.
Узнаваемость бренда увеличивается на 80% при использовании цвета.
3 шага к правильному использованию цвета на вашем сайте
При разработке дизайна сайта нужно:
- Выбрать преобладающего цвета для вашего бренда;
- Выбрать несколько акцентных оттенков для создания цветовой схемы;
- Выбор фонового цвета для создания законченного дизайна.
1. Выбор преобладающего цвета
Преобладающий цвет вашего бренда красный, как у Кока-колы? Он поможет вызвать у посетителей ресурса нужные эмоции, провоцирует у людей чувство возбуждения, любви и страсти.
Этот цвет – первое, что должно приходить людям на ум, когда они думают о вашей компании. Если у вас уже есть логотип, убедитесь, что он содержит основной цвет вашего бренда.
Как выбрать правильный цвет
Крупные компании не случайно выбирают ту или иную цветовую схему для сайта. Это осознанный выбор, являющийся частью брендинга и маркетинга.
Каждый цвет привлекает свою группу покупателей, и даже может повлиять на их выбор :
Красно-оранжевый, черный и ярко-синий привлекают импульсивных покупателей. Такие цветовые решения зачастую можно встретить в сетях быстрого питания, магазинах одежды и на дешевых распродажах.
Тёмно-синий и бирюзовый привлекают покупателей с ограниченной суммой денег. Эти цвета можно встретить в банках и больших универмагах.
Малиновый, лазурный и розовый привлекают классических покупателей. Распространены в магазинах одежды.
Чтобы привлечь нужных вам покупателей, используйте комбинации различных цветов.
Мы специально создали наглядную инфографику подбора цветовых схем, чтобы вам было проще выбрать преобладающий цвет для вашего бренда:
Какой цвет использовать для вашего сайта?
Зеленый олицетворяет богатство, здоровье, спокойствие и природу. Этот цвет легче всего воспринимается глазами и, как следствие, расслабляет. Зелёный цвет стоит на втором месте среди самых любимых и для мужчин, и для женщин.
Желтый – символ молодости, оптимизма и жизнерадостности. Часто используется, чтобы привлечь внимание. Также желтый может вызвать напряжение, так что используйте его в небольших количествах.
Оранжевый ассоциируется с дружелюбностью, восторгом и творчеством. Стимулирует в людях активность. Например, побуждает купить продукт или подписаться на рассылку. Этот цвет привлекает импульсивных покупателей.
Красный символизирует страсть, волнение, энергию и опасность. Часто используется, чтобы создать в восприятии людей срочную необходимость покупки. Вызывает сильные эмоциональные реакции. В ресторанах используется для поднятия аппетита.
Розовый – женственный, сладкий, невинный и романтичный. Часто используется в предложении частных услуг и товаров для девочек и женщин.
Фиолетовый – символ величия, богатства, успеха и мудрости. Часто присутствует в косметике. Влияет на людей успокаивающе.
Синий – показатель надежности, безопасности, стабильности, умиротворенности и спокойствия. Часто применяется банками и крупным компаниями. Синий цвет наиболее приятен как мужчинам, так и женщинам.
Серый в цветовой схеме олицетворяет нейтральность, простоту, спокойствие и логичность. Он ассоциируется с технологиями, производством, аккуратностью, контролем, компетентностью и даже опытностью.
Чёрный – цвет влияния, роскоши, опытности и элегантности. Часто используется для продвижения товаров класса люкс и ассоциируется с профессионализмом, силой и аккуратностью.
Ваша целевая аудитория – молодые и энергичные покупатели? Или более опытные люди с солидным заработком? Ваш продукт (сервис ) нацелен в большей степени на мужчин или на женщин? Подходит ли он только для определенной возрастной группы?
Не каждый цвет подходит для представления вашего бизнеса. Например, если вы продаете коврики для йоги, фиолетовый (богатство и величие ) и черный (сила и роскошь ) – не самые лучшие варианты. Вам подойдет зеленый (здоровье, умиротворенность ), серый (простота, спокойствие ), синий (покой, спокойствие ), или может быть даже красный (страсть, энергия ).
Разница в цветовом восприятии мужчин и женщин
На кого преимущественно рассчитан ваш сайт, на мужчин или на женщин? А может и на тех, и на других?
Яркие и приглушенные цветовые схемы для сайта
Мужчины предпочитают яркие цвета, а женщины приглушенные.
Эксперимент показал, что в целом мужчины и женщины одинаково реагируют на светлые и темные оттенки. Но выяснилось, что женщины больше тяготеют к приглушенным оттенкам, а мужчины — к ярким.
Ахроматические цвета
Как правило, мужчинам больше чем женщинам нравятся ахроматические цвета. Ахроматические цвета – это белый, черный и все оттенки серого.
Светлые и темные оттенки
Женщинам больше нравятся светлые оттенки. Причиной этого является их усиленное восприятие определённых цветов.
Женщины
Синий, фиолетовый, зеленый.
Оранжевый, коричневый, серый.
Мужчины
Наиболее предпочтительные цвета: синий, зеленый, черный.
Наименее предпочтительные цвета: коричневый, оранжевый, фиолетовый.
Комбинируя и используя цвета, которые больше нравятся мужчинам, женщинам, или и тем, и другим, можно влиять на их подсознательное восприятие бренда.
Согласно результатам исследований цветовых схем, и мужчинам, и женщинам, нравятся зеленый и синий. И тем, и другим, не по душе оранжевый и коричневый. Если вы хотите привлечь внимание и мужчин, и женщин, нужно использовать в качестве главного цвета синий или зеленый.
Выбор цвета вашего бренда или продукта также может зависеть от того, какое впечатление на других хотят произвести ваши клиенты.
Часто люди покупают определенные товары или услуги, чтобы произвести конкретное впечатление на других.
Многие решения являются отражением того, что человек думает о себе, и как хочет выглядеть в глазах других. Это то, что будет приходить на ум другим людям при мыслях об этом человеке:
Так что если вы хотите, чтобы ваш продукт покупали люди, которые любят природу – используйте зеленый в цветовой схеме HTML . Хотите привлечь людей, чувствующих себя молодыми и уверенными в себе? Используйте желтый. Если вас интересуют люди, которым хочется выглядеть солидно и богато, используйте черный.
Теперь ясно?
Подумайте об идеальном представителе целевой аудитории. Каким он хочет казаться другим людям?
Да, это затрагивает психологию. Но вам необходимо в этом разбираться, чтобы создать успешный бренд.
Как использовать главный цвет на вашем сайте
Теперь, когда вы определились с главным цветом своего сайта, вам нужно понять, как правильно его использовать. Цвет привлекает много внимания, так что не нужно пытаться использовать его везде, где только можно.
Используйте преобладающий цвет только в тех местах, на которые хотите обратить внимание пользователей, либо побудить их на определенное действие.
Например, позвонить по телефонному номеру, заполнить форму, подписаться на обновления и т.п.
Преобладающий цвет должен бросаться в глаза, выделяя те детали, на которые вы хотите обратить внимание пользователей:
Где использовать преобладающий цвет на сайте?
- Логотип;
- Вкладки меню;
- Кнопка «Позвонить»;
- Важная информация;
- Заголовки и названия;
- Кнопки.
2. Выбор акцентных цветов
Чтобы ваш дизайн был более интересным и профессиональным, нужно использовать акцентные готовые цветовые схемы для сайта. Ими можно выделять стоящие внимания части вашего сайта: цитаты, кнопки или подзаголовки.
Многие боятся использовать сразу несколько цветов, потому что не всегда интуитивно понятно, хорошо ли они сочетаются. Люди думают, что для того, чтобы научиться их сочетать, надо не только досконально изучить теорию цвета, но и наделать множество ошибок.
Существует более легкий путь, доступный каждому. Это программа по подбору цветов, которая поможет подобрать цветовые схемы точно так же, как это делают профессионалы!
Как использовать программу для подбора акцентных цветов
Как только вы определились с преобладающим цветом, нет ничего проще, чем подобрать акцентные цвета с помощью таких программ, как Adobe Color CC Tool :
Вот короткая инструкция, которая покажет вам, как создать цветовую схему одним из двух способов:
- На основе преобладающего цвета
Шаг 1. Для начала узнайте код вашего преобладающего цвета. Например, на сайте ColorPicker.com . Код цвета указан в прямоугольнике прямо над квадратом с цветовой палитрой.
Скопировав код с ColorPicker.com , вставьте его в поле «НЕХ » инструмента Adobe Color . Убедитесь, что вы вставили код в колонку посередине:
Вставьте код преобладающего цвета вашего сайта в прямоугольник ПОСЕРЕДИНЕ.
Как только вы зададите цвет, Adobe Color отобразит его на экране вместе с другими комплементарными цветами.
Шаг 2 . В левой верхней стороне вы увидите прямоугольник со следующими цветовыми схемами:
- Последовательная;
- Монохромная;
- Треугольная;
- Комплементарная;
- Составная;
- Оттенки.
Поэкспериментируйте с разными цветовыми схемами, чтобы понять, какая из них подходит именно вам. Все цвета, предложенные программой, хорошо сочетаются друг с другом.
Шаг 3 . Сделайте цветовую схему еще продуманнее, перемещая один из указателей цвета.
Важно не перемещать короткий указатель, расположенный посередине, чтобы ваш преобладающий цвет оставался постоянным:
CMS и конструкторы сайтов позволяют вставить цветовые коды (HEX ) для выделения любой части вашего сайта:
Скопируйте цветовые коды (HEX ) для вашей цветовой схемы для сайта.
- На основе понравившейся фотографии
Порой проще искать цветовые решения на просторах интернета и вдохновляться ими.
Вы можете загрузить любую понравившуюся фотографию в Adobe Color и программа автоматически сгенерирует цветовую схему, созданную на ее основе.
Шаг 1. Загрузите фотографию:
Нажмите на значок камеры, чтобы загрузить изображение.
Шаг 2. Выберите одно из пяти цветовых настроений:
- Красочное;
- Яркое;
- Приглушенное;
- Насыщенное;
- Темное.
Поэкспериментируйте с цветовыми настроениями, чтобы понять, какое вам ближе:
Выберите цветовое настроение.
Шаг 3. Сделайте цветовую схему еще продуманнее, перемещая один из указателей цвета по изображению:
Перемещайте указатели, если хотите выбрать другие комплементарные цвета.
Шаг 4. Предложенная цветовая палитра расположена под изображением. Вот как можно подобрать цветовую схему для вашего веб-дизайна.
Чтобы увидеть коды (HEX ) цветов, нажмите на цветное колесико, расположенное в правом верхнем углу:
Нажмите на цветное колесико, чтобы увидеть коды цветов:
Скопируйте цветовые коды (HEX ) для вашей цветовой схемы.
Где размещать вспомогательные цвета
Детали сайта, выделенные вспомогательными цветами, не являются основными акцентами. Но они все равно выделяются. Например, вспомогательными цветами можно выделять подзаголовки, дополнительные кнопки, диалоговые окна, заливать фон и т.д.
Выбирайте один или два дополнительных цвета. Если их будет больше, пользователям будет сложно сфокусироваться на чем-то одном:
Где использовать вспомогательные цвета на вашем сайте?
- Активная кнопка меню;
- Подзаголовки;
- Выделение второстепенной информации.
- Выбор фонового цвета
Вам когда-нибудь приходилось красить стены в своем доме?
Если да, значит, у вас есть какой-то опыт, и вы знаете, что подбор цветовых схем – дело нелегкое.
Цвет должен быть достаточно спокойным, чтобы вы могли находиться в комнате часами и цвет на вас не давил. В то же время, вы не хотите, чтобы цвет был скучным, и комната выглядела больничной.
Выбор фонового цвета для вашего сайта не сильно отличается от выбора краски для вашей комнаты!
Как правильно выбрать цвет фона
Если бы вы выбирали краску для современного магазина одежды и для загородного дома, то выбрали бы один и тот же цвет?
Очевидно – нет. Эти два помещения служат для разных целей.
Например, для магазина одежды лучше использовать яркие тона, чтобы привлечь внимание покупателей к стеллажам с одеждой. Нужно, чтобы цвет стен контрастировал с цветом полок с одеждой, и покупатели, войдя в магазин, сразу понимали, на что обратить свое внимание.
И для сравнения: приезжая в свой загородный дом, вы наверняка планируете расслабиться. Вы хотите, чтобы цвет стен и устройство дома оказывало успокоительный и расслабляющий эффект.
Фоновый цвет вашего сайта зависит от того, на что вы хотите обратить внимание пользователей.
Проще говоря, фоновый цвет напрямую зависит от цели, которую вы преследуете, создавая сайт.
Тип 1 – Ресурсы с большим количеством контента или интернет-коммерция
Замечали ли вы, что информационные ресурсы и интернет-магазины часто используют белые или нейтральные цветовые схемы для сайта?
Это все потому, что целью данных ресурсов является продвижение идей или продуктов.
В таких случаях центром внимания должны являться продукты или услуги, а не дизайн сайта. Фоновый цвет является всего лишь основой для того, чтобы сделать контент более наглядным и читаемым.
Для информационных ресурсов и интернет-коммерции лучше всего использовать светлый фон, яркие преобладающий и вспомогательные цвета. Яркость преобладающего и акцентных цветов гарантирует уникальность сайта, и позволяет выделить детали. В то же время, нейтральный фон в цветовой схеме для сайта продаж помогает пользователю фокусироваться только на контенте или продуктах.
Тип 2 – Корпоративные сайты и сервисы
При создании корпоративного ресурса преследуется одна цель – продвижение товаров или услуг.
В зависимости от того, какова цель вашего сайта, фоновый цвет должен отличаться.
Продвижение бренда
Если вы хотите создать запоминающийся образ компании, используйте для фона различные оттенки преобладающего цвета или цвета бренда.
Все потому, что цвет напрямую влияет на узнаваемость бренда (помните пример про Кока-Колу? ) Когда вы используете различные оттенки цвета своего бренда в качестве фона, вы усиливаете его и делаете более запоминающимся для клиентов.
Если преобладающий цвет вашего сайта вызывающий, то его использование в качестве фона может негативно повлиять на восприятие пользователей. В таких случаях, используйте оттенки с наименьшей интенсивностью:
Продвижение сервиса
Если вашей целью является привлечение внимания к сервису или к портфолио с вашими работами, используйте белый или нейтральный цвет фона.
Как и в случае с информационными ресурсами, не нужно перегружать сайт и отвлекать внимание пользователей от контента, который вы хотите донести. Использовав белый или светлый фон в цветовой схеме для сайта, вы заострите внимание на контенте:
Тип 3 – Стильные и креативные сайты с большим количеством графики
Если вы собираетесь создать сайт, связанной с творчеством (мода, дизайн, ресторанный бизнес, красота и т.д. ), для вас нет никаких ограничений.
Для сайтов такого типа не существует правил использования фонового цвета. Вы можете сделать панель меню черной, чтобы добавить драматизма. Или создать фон, используя все цвета радуги, чтобы взбодрить посетителей ресурса:
Старайтесь всегда придерживаться одного правила: никогда не выбирайте такой фоновый цвет, который сделает затруднительным прочтение текста на нем.
Идеальный фоновый цвет позволяет контенту выделяться и гармонично сочетается с преобладающим и вспомогательными цветами. Правильный фоновый цвет делает нахождение пользователей на сайте приятным.
Если вы сомневаетесь, используйте белый или светло-серый фон. Возможно, они не самые вдохновляющие, но вы будете уверены, что ваш контент четко виден.
Заключение и итоги
Не стоит руководствоваться персональными пристрастиями или чутьем при выборе цветовой схемы для сайта.
Используйте цвета, которые нравятся вашей потенциальной аудитории, и тогда ресурс надолго засядет у людей в памяти. Это выделит вас среди конкурентов.
Выбор цветовой палитры ни в коем случае не должен быть случайным. Это набор действий, которые необходимо предпринять:
- Выбрать для сайта правильный преобладающий цвет;
- Выбрать для преобладающего цвета правильные вспомогательные цвета;
- Выбрать соответствующий фоновый цвет.
Данная публикация представляет собой перевод статьи «How to Choose a Good Color Scheme For Your Website » , подготовленной дружной командой проекта
Хорошо Плохо
Загрузка...
