13. Цвет


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

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

Каждый логотип имеет свой цвет.

13.1. Психология цвета — это бред

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

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

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



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

Но это бред.

В группе Сайты Вермишяна по этому поводу есть отличный пост:










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

Разберем несколько логотипов в красном цвете:

Логотип CNN.

Логотип Adobe.

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

Я просто знаю что CNN — это новости, а Adobe — это разработчик программного обеспечения и все вышеперечисленные эмоции (особенно агрессия) у меня возникают только тогда, когда Adobe Illustrator неожиданно завершает работу или очень медленно работает.


13.2. Цветовые модели

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

Больше вы можете узнать в Википедии: RGB vs CMYK.

13.2.1. RGB

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

Палитра цветов в Adobe Illustrator.

В зависимости от того, какое значение каждого из цветов мы получаем определенный цвет. Каждый из 16581375 цветов мы можем задать значением с помощью HEX кода или просто указав отдельно значения для R, G и B.

Для HEX важно знать, что это кодировка цвета в шестнадцатеричной системе исчисления. 0 — минимум, f — максимум.

Для RGB важно знать, что 0 — это минимум, а 255 — максимум.

13.2.1.1. Почему 16581375?

16581375 = 255 * 255 * 255. Мы узнали что шестнадцать с половиной миллионов цветов доступны в цветовой модели с помощью такой не хитрой формулы.

13.2.1.2. Как записывается значение цвета?

Для HEX ставится #, а потом значение из 6 символов. Первые два — значение красного, вторые два — значение зеленого, третьи два — значение синего.

  • Красный цвет: #ff0000 (R — 255, G — 0, B — 0).
  • Зеленый цвет: #00ff00 (R — 0, G — 255, B — 0)
  • Синий цвет: #0000ff (R — 0, G — 0, B — 255).
  • Белый цвет: #ffffff (R — 255, G — 255, B — 255).
  • Черный цвет: #000000 (R — 0, G — 0, B — 0).

13.2.2. CMYK

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

Для CMYK важно знать то, что значение цвета указывается в процентах. Если у вашем логотипе после перевода документа из цветовой модели RGB в цветовую модель CMYK процент какого-то цвета ниже 5%, то типография не гарантирует полную передачу цвета. Поэтому перед отправкой макета на печать в типографию нужно чистить цвета и внимательно смотреть, чтобы все нормы были додержаны.

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

13.2.3. HSB или HSV

HSB — это понятная для человека цветовая модель, потому что составляющие этой модели — цветовой тон, насыщенность и яркость.

  • Hue — цветовой тон, сам цвет (красный, синий, зеленый, и т.д.)
  • Saturation — насыщенность цвета, это значение на сколько цвет отличается от серого. Чем больше параметр, тем меньше серого в этом цвете.
  • Brightness — яркость, это значение на сколько цвет близок к белому.

Тон — сам цвет.

Saturation — колличество серого в цвете.

Brightness — на сколько цвет близок к белому.

Больше о цвете вы можете почитать здесь и здесь.

Стоп. Так HSB или HSV? Разницы нет. HSB — Hue, Saturation, Brightnes, а HSV — Hue, Saturation, Value. Все дело в том, что иногда записывают последнее значение как Brightnes, а иногда — как Value.


13.3. Цветовой круг Иттена и цветовые сочетания

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

Цветовой круг Йоханнеса Иттена.

Есть различные варианты сочетания цветов, такие как контрастные цвета, триада, тетрада, аналогия, акцент и аналогия.

Комплементарные цвета.

Триада.

Аналогичные цвета.

Тетрада.

Х-сочетание.

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

Зачем вообще все эти сочетания?

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

Взгляните на логотип Taco Bell. Триада цветов (фиолетовый, пурпурный, желтый).

В логотипе Mastercard мы видим аналогичные цвета.

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


13.4. Поиск цветов

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

13.4.1. Adobe Illustrator

Перед тем, как вводить очередной запрос в Google нужно поискать цвета в программе, в которой мы работаем. Изначально в Adobe Illustrator перед нами есть такой небольшой выбор цветов, к тому же они все в CMYK:

Образцы в Adobe Illustrator.

В образцах мало цветов, поэтому давайте откроем палитру цветов:

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

Для начала, обратите внимание, что в палитре цветов есть различные настройки по цветовым моделям. Можно задать значение для цвета с помощью HSB, RGB, HEX, CMYK форматов на выбор. Изначально переключатель стоит на H — Hue (тон).

Изначальное состояние палитры цветов.

Но мы можем переключить на S, B, R, G или B. В зависимости от положения переключателя мы будем регулировать определенные значения.

Настройка Saturation (насыщенность) на 0%.

Настройка Saturation (насыщенность) на 100%.

Настройка Brightness (яркость) на 100%.

Настройка Brightness (яркость) на 50%.

Настройка Red (красный цвет) на 255.

Настройка Red (красный цвет) на 128.

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

Если мы включим опцию Только Web-цвета, то получим меньшее количество цветов, но они будут безопасными.

Включенная опция Только Web-цвета.

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

Окно цвет с включенным режимом Цвета Web RGB.

Также уже готовые сочетания цветов можно найти в окне Каталог цветов:

Каталог аналогичных цветов для розового цвета.

Полный список доступных готовых цветовых сочетаний.

Совет. Если вам нужно выбрать цвет для логотипа сначала попробуйте использовать все возможности программы Adobe Illustrator по цвету.

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

13.4.2. Сторонние сервисы

Если вас не устраивает выбор цветов, возможности настройки цветов в Adobe Illustrator, то вы можете выбрать цвет или палитру на других сервисах, таких как ColorScheme:

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

Также популярный сервис — Adobe Color, где можно выбрать цвет на цветовом круге, цветовые сочетания и тонко настроить палитру:

Adobe Color.

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

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

< Предыдущий раздел


Оглавление


Следующий раздел >