В прежние годы, когда я учился графическому дизайну, у меня была возможность посещать не только несколько уроков компьютерной графики, но и классы традиционного искусства.
Видите ли, дело в том, что вы не можете применять концепции к элементам дизайна без четкого понимания основных основ искусства и дизайна. В частности, цвет.
Я узнал о теории цвета в «Живописи I».
С помощью своей катящейся палитры со стеклянной крышкой, масляных штанов, минерального масла и верного мастихина я узнал все, что знаю о цвете, смешивая основы с тем, что мне нужно.
Мы начали смешивать цвета с двух простых правил: не смешивать с белым и не смешивать с черным, пока не научились смешивать цвета с цветами.
Причина? Черно-белый цвет настолько сильно влияет на оттенок и оттенок цвета, что, скорее всего, в итоге получится один большой приглушенный беспорядок.
Даже когда вы добились надлежащего уровня фиксации, это всегда было рискованным шагом, особенно с черным. Почему? Черный просто настолько силен.
Цвет часто говорит громче слов. Это первое, что вы замечаете в дизайне: он вызывает немедленные эмоции и задает тон всем остальным поддерживающим элементам.
“Люди выносят подсознательные суждения о… продукт в течение 90 секунд после первого просмотра и… от 62% до 90% этой оценки основано только на цвете».
Дайан Э. Мойр
Умение успешно понимать и применять цвет в своем маркетинге и дизайне может изменить поведение. Это не более верно, чем, возможно, самый яркий цвет - черный.
Но подождите, черный вообще является цветом?
Справедливый вопрос, учитывая, что черного нет даже в цветовом круге.
На этот счет существует несколько разных точек зрения. Первый - научный.
Согласно физике, черный не является цветом, потому что он не принадлежит определенной длине волны видимого света.
Каждый цвет в спектре имеет свою определенную длину волны, у черного нет длины волны, потому что он считается отсутствием всего света.
Хорошо, наука права.
Но если вы откроете любую коробку с мелками, вы увидите черные, розовые и даже макароны с сыром, ни один из которых не имеет такой длины волны, но мы все равно воспринимаем их и считаем «цветами».
Черный как нейтральный
Из более ранней статьи Эшли о красном цвете мы знаем, что существует три основные цветовые/эмоциональные категории, которые следует учитывать при выборе цвета для дизайна: теплый, холодный и нейтральный.
Черный - нейтральный цвет, который часто используется для «стабилизации» или приглушения более ярких цветов, которые могут оказаться подавляющими.
Благодаря этим стабилизирующим свойствам черный кажется очень сильным.
Черный цвет может ассоциироваться с элегантностью, формальным, изящным, современным или роскошным.
Логотип WWF, например, формальный и изысканный, элегантный, который всегда останется современным.
Галочка Nike в форме передней части одновременно изящная и современная.
Логотип New York Times вневременной и традиционный.
Потребители могут заметить, что черный цвет используется на веб-сайтах, продающих дорогие, роскошные или элитные товары.
Высокая контрастность, которую обеспечивает черный цвет, позволяет некоторым элементам страницы (например, фону) отступить, так что внимание пользователя может оставаться на фотографиях продуктов, при этом общий макет не кажется суетливым или преувеличенным.
В приведенном выше примере от Chanel традиционные элементы веб-сайта, такие как логотип, навигация и фон, теряют фокус, и пользователь концентрируется на яркой фотографии продукта.
С другой стороны, черный цвет имеет очень негативный оттенок. В Северной Америке черный цвет часто ассоциируется со злом, смертью или тайнами.
Использование черного цвета для поддержки дополнительных элементов может излучать элегантность, в то время как слишком много черного может быть откровенно мрачным и непривлекательным.
Итак, как же использовать черный?
Успешное использование черного цвета в маркетинге и брендинге
Черный цвет больше всего ценится за очень функциональный и эстетичный дизайн. Его часто используют в ситуациях, когда наиболее важными факторами являются высокая контрастность и разборчивость.
В этом примере из Vogue мы можем увидеть, как эти принципы функционального дизайна переносятся из традиционного печатного издания, где разборчивость имеет первостепенное значение, в Интернет.
Например, их логотип большой, жирный и занимает центральное место, как и на обложках печатных журналов. Их меню имитирует иерархию шрифтов в статьях, служа скорее заголовком, а не дополнительным текстом.
Вот почему большинство текстовых процессоров по умолчанию используют черный текст на белой странице, а также почему люксовые бренды сохраняют свою визуальную идентичность простой, но при этом чрезвычайно смелой.
В отличие от некоторых более значимых цветов, таких как оранжевый или красный, черный универсален, что делает его применимым в самых разных отраслях.
Давайте посмотрим, как некоторые бренды успешно используют черный цвет в своем маркетинге и брендинге.
Черный в логотипах
1. Tiffany & Co.: Хотя Tiffany более широко известна своим «Tiffany Blue», она также использует черный цвет в своем логотипе, чтобы показать простоту и роскошь. Он также утончен и готов отойти на второй план на фоне их потрясающих украшений. Черный цвет здесь способствует утонченности и утонченности.
2. Apple:Использование черного цвета в логотипе Apple подразумевает современность, инновации, минимализм и смелое мышление.
Все это качества, которые современный потребитель привык полагаться на продукцию Apple в своей повседневной жизни.
3. Gillette:В сочетании с таким ярким шрифтом использование Gillette черного цвета кажется зрителю невероятно мужественным. Цвет позволяет бренду выглядеть несокрушимым, сильным и трудолюбивым.
4. Chanel:Подобно использованию в логотипе Tiffany, Chanel использует черный цвет как чистый нейтральный цвет, служащий способом улучшить свою продукцию, показывая, что она совсем не базовая. Этот логотип - смелая роскошь, соответствующая ценностям бренда.
5. Playboy:Использование черного цвета в логотипе Playboy чрезвычайно интересно. Они играют обе стороны эмоциональной медали. С одной стороны, бренд воспринимается как очень элитный и гламурный, но в то же время он невероятно загадочный.
Черный на веб-сайтах
Подобно тому, как в приведенных выше логотипах черный цвет использовался для передачи эмоций и качеств, следующие веб-сайты использовали черный цвет, чтобы побудить своих пользователей к действию.
1. Code and Theory: Использование черного цвета на веб-сайте Code and Theory задает смелый и современный тон. Поскольку Code and Theory предоставляют услуги по дизайну агентств, эти основные тона говорят об их эстетике и конечном продукте, который может ожидать пользователь.
Здесь использован черный цвет, чтобы создать резкий контраст с белым текстом, единственным элементом на странице, полностью привлекающим ваше внимание.
2. SNP: Как и в приведенном выше примере, SNP использует черный цвет, чтобы придать смелый и современный тон своему сайту и бренду.
Поскольку SNP специализируется на цифровом производстве и использует передовые языки программирования для реализации проектов для своих клиентов, современный тон, заданный черным цветом, очень соответствует их продуктам и услугам, которые они предоставляют.
В сочетании с интерактивным анимированным элементом, обеспечивающим такой же резкий контраст, ваш взгляд притягивается именно к тексту, начиная путешествие пользователя.
3. ХУРУ: В этом примере черный цвет используется очень авторитетно и традиционно «мужски». Черный цвет в сочетании с жирным, блочным шрифтом чрезвычайно эффектен и отражает тон продукта, изображенного за высококонтрастным текстовым полем.
Тон этих элементов не только отражает продукт, но и заключает в себе образ, с которым хочет идентифицировать себя их персона.
4. Couroazul: Очень похоже на логотипы люксовых брендов, упомянутые ранее в статье, Couroazul использует черный цвет, чтобы подчеркнуть богатство и ощущение эксклюзивности, что важно для компании по производству кожи высокого класса.
В сочетании с фотографией, которая также фокусируется на высоких контрастах, черный цвет служит нейтральным заземлением для элементов на странице.
5. INFINI: В этом примере черный цвет используется для создания нейтрального фона, который ставит продукт на передний план и в центр внимания пользователя.
Поскольку этот продукт в конечном итоге будет использоваться в доме пользователя, нейтральный фон позволяет пользователю изобразить продукт в своем собственном пространстве, а не в искусственном пространстве, созданном с помощью более сложной фотографии.
Использование здесь черного цвета вместо белого позволяет выделить более мелкие и сложные детали изделий из камня и дает пользователю общее ощущение роскоши, которое он захочет воплотить в своих домах.
Черный цвет и коэффициент конверсии
Цвет, пожалуй, самый важный элемент при создании призывов к действию (CTA).
CTA существуют для того, чтобы привлечь внимание пользователя и убедить его выполнить желаемое действие. Лучший способ сделать это с цветом - убедиться, что вы выбрали тот, который контрастирует с любым другим элементом на странице.
Черный - это простой цвет для достижения этой цели, поскольку он способен обеспечивать высокий контраст с большинством цветов.
Хотя его не следует использовать в каждой ситуации (необходимо учитывать соответствующие элементы страницы), это быстрый способ привлечь внимание к кликабельному действию на странице.
В этом примере Мари Форлео очень эффективно использовала черный цвет в призыве к действию.
Выбрав черную кнопку, она придерживалась бренда и обеспечила максимально возможный уровень контраста по сравнению со всеми остальными элементами на странице. Кнопка имеет достаточно свободного пространства, а текст кнопки такой же контрастный.
Когда следует избегать использования черного цвета в маркетинге и брендинге
Хотя мы выделили несколько отличных примеров наиболее эффективных способов использования черного цвета в дизайне, бывают случаи, когда это просто неуместно.
1. В уже темном дизайне
Особенно темный фон может ухудшить читабельность. Светлый текст на темном фоне может напрягать глаза пользователя, что делает его менее приятным.
Как всегда, следует учитывать проблемы доступности.
В приведенном выше примере вы можете увидеть, как белый текст в темном макете может работать неправильно.
Текст недостаточно большой и его слишком много. Кроме того, межстрочного интервала недостаточно, чтобы текст был полностью разборчивым.
Если вы планируете использовать светлый текст на черном фоне, оставьте достаточно свободного пространства и убедитесь, что размер текста соответствует стилю шрифта (например, тонкий текст вместо блочного текста).
Кроме того, как мы уже говорили в этой статье, черный - один из самых контрастных цветов, доступных дизайнеру. Это способствует его мощному и привлекающему внимание характеру.
Используя черный цвет в дизайне, будьте предельно внимательны к его использованию. Применение цвета к каждому элементу на странице привлечет внимание ко всему и, следовательно, ни к чему.
Зарезервируйте черный цвет для фона разделов, важного текста или призывов к действию в нижней части воронки, но не используйте все эти элементы черного цвета в одном и том же разделе..
2. В отдельных отраслях
Есть определенные отрасли, которые часто используют черный цвет, чтобы передать эмоции, которые часто вызывает этот цвет, но другие могут быть осторожны и полностью избегать больших доз цвета.
Например, в индустрии свадебных платьев черный цвет будет восприниматься негативно.
3. С особой аудиторией
Как и в некоторых отраслях, черный цвет может не подходить определенной аудитории. Опять же, во многих культурах черный - цвет траура. Если не использовать это стратегически, это чувство может быть вызвано у аудитории, которая знает цвет в этом контексте.
Соображения при использовании черного цвета в маркетинге и дизайне
Хотя черный цвет может способствовать передаче эмоций, которые хочет передать ваш бренд, вам следует быть осторожными при использовании этого цвета в своих проектах.
Пейринги
Обратите внимание на его сочетание с другими цветами. Хотя черный цвет помогает улучшить цвета, с которыми он сочетается, иногда этот контраст может быть слишком эффективным.
Возьмем, к примеру, черный и оранжевый: вы не только создадите жуткую атмосферу Хэллоуина для многих людей, но и когда эти два цвета сочетаются вместе, они делают другой ярче и заметнее.
В этом примере вы заметите, как черный и оранжевый возвышают друг друга, делая оба цвета гораздо более властными, чем они были бы по отдельности.
Эта борьба за внимание пользователя может привести к неэффективному дизайну, если вы решите реализовать его в CTA.
Стратегия
Подумайте, как бы вы хотели использовать черный цвет.
Это будет основной цвет в вашем дизайне или просто акцент?
В зависимости от вашего использования вам следует позаботиться о том, как вы используете другие элементы в дизайне. Примечательно, что с пробелами и типографикой придется обращаться по-разному в зависимости от того, как вы используете черный цвет.
Конкуренты
Наконец, обратите внимание на других людей в вашей отрасли.
Как они используют цвет и какие эмоции он вызывает? Если конкуренты вообще не используют этот цвет, вызывает ли он соответствующий эмоциональный отклик у пользователей?
Учет использования цвета вашим конкурентом может помочь определить, как вас могут воспринимать и сможете ли вы выделиться.
Наш мозг предпочитает сразу узнаваемые бренды, а цвет является основным компонентом создания индивидуальности бренда. В зависимости от того, как вы хотите позиционировать себя по сравнению с прямыми конкурентами, вы можете полностью отклониться от их использования цвета или принять его.
В конце концов, используйте черный ответственно
В целом, использование черного цвета в дизайне может значительно повлиять на ваши усилия по привлечению внимания пользователя. Вы просто хотите быть уверены, что это воздействие всегда будет таким, как вы задумали, и что оно улучшит ваше общее послание.
Так что действуйте.
Увеличьте контрастность и используйте черный цвет, но убедитесь, что он подходит для вашего приложения и вашей отрасли. Не забудьте оценить, как другие элементы вашего дизайна взаимодействуют с цветом, и внести соответствующие корректировки.
Черный - чрезвычайно мощный цвет, используйте его во благо.