глава 2
Как выбрать шрифт для логотипа?
Шрифт является один из наиболее важных элементов логотипа. От него зависит читабельность логотипа, его восприятие, передача главного смысла.
Перед тем, как мы перейдем к основным правилам подбору шрифта для логотипа, давайте рассмотрим, какие есть категории шрифтов и их психологическое восприятие.
Почему важно знать категории шрифтов?
Зная основные типы шрифтов, мы сможем их правильно использовать и комбинировать, а также вызывать нужные эмоции.
Перед тем, как мы перейдем к основным правилам подбору шрифта для логотипа, давайте рассмотрим, какие есть категории шрифтов и их психологическое восприятие.
Почему важно знать категории шрифтов?
Зная основные типы шрифтов, мы сможем их правильно использовать и комбинировать, а также вызывать нужные эмоции.
Категории шрифтов
1. Шрифты с засечками
2. Шрифты без засечек
3. Рукописные
4. Машинописные
5. Декоративные
1. Шрифты с засечками
2. Шрифты без засечек
3. Рукописные
4. Машинописные
5. Декоративные
1. Шрифты с засечками (Serif) имеют небольшие черточки на концах каждого элемента буквы и переход от толстой линии к более тонкой.
Шрифты с засечками помогают держать внимание читателя на строке.Они наиболее четкие и читабельные
Шрифты с засечками помогают держать внимание читателя на строке.Они наиболее четкие и читабельные
2. Шрифты без засечек не имеют засечек и зачастую бывают правильной геометрической формы с ровными линиями и прямыми углами.
В Англии и Франции такие шрифты называют Sans Serif, в Америке Gothic, в Германии Grotesk.
Шрифты без засечек просты для восприятия из-за своей формы но они практически не подходят для чтения — плохо читабельны. Поэтому шрифты без засечек используют, как правило, только в заголовках. Самые популярные шрифты без засечек — Futura и Helvetica.
В Англии и Франции такие шрифты называют Sans Serif, в Америке Gothic, в Германии Grotesk.
Шрифты без засечек просты для восприятия из-за своей формы но они практически не подходят для чтения — плохо читабельны. Поэтому шрифты без засечек используют, как правило, только в заголовках. Самые популярные шрифты без засечек — Futura и Helvetica.
3. Рукописные шрифты напоминают текст, написанный вручную ручкой, кисточкой и т.п.
Рукописные шрифты плохо читабельны, поэтому их используют только как заглавные буквы.
Рукописные шрифты плохо читабельны, поэтому их используют только как заглавные буквы.
4. Машинописные шрифты имитируют текст, набранный на печатной машинке.
Такие шрифты неплохо сочетаются со шрифтами других групп, в отличие от декоративных шрифтов.
Такие шрифты неплохо сочетаются со шрифтами других групп, в отличие от декоративных шрифтов.
5. Декоративные. К этим шрифтам можно отнести все остальные шрифты.
Основная функция декоративных шрифтов — привлечь внимание читателя. С ними можно достичь разных декоративных эффектов. Однако, они очень быстро входят в моду и так же быстро устаревают.
Основная функция декоративных шрифтов — привлечь внимание читателя. С ними можно достичь разных декоративных эффектов. Однако, они очень быстро входят в моду и так же быстро устаревают.
ГЛАВА 2.2
Психология восприятия шрифта в логотипе
Цвет воздействует на психоэмоциональное состояние человека и вызывает определенные чувства и эмоции.
Аналогично действуют и шрифты.
Используя особенности восприятия шрифтов, мы можем вызывать у людей те чувства, которые нам нужны.
Например, если вы хотите показать в логотипе, что ваш бизнес является стабильным и респектабельным, вы можете использовать шрифт с засечками. Если вы хотите акцентировать внимание на современности вашего бизнеса, обратите внимание на шрифты без засечек.
В теории все это звучит отлично, но как быть на практике?
Для начала давайте рассмотрим реальные примеры использование шрифтов успешными компаниями.
Аналогично действуют и шрифты.
Используя особенности восприятия шрифтов, мы можем вызывать у людей те чувства, которые нам нужны.
Например, если вы хотите показать в логотипе, что ваш бизнес является стабильным и респектабельным, вы можете использовать шрифт с засечками. Если вы хотите акцентировать внимание на современности вашего бизнеса, обратите внимание на шрифты без засечек.
В теории все это звучит отлично, но как быть на практике?
Для начала давайте рассмотрим реальные примеры использование шрифтов успешными компаниями.
ГЛАВА 2.3
Как выбрать шрифт для логотипа?
В Интернете есть сотни, а то и тысячи шрифтов, которые мы можем использовать в логотипе.
Как при таком разнообразии шрифтов
выбрать нужный для логотипа?
выбрать нужный для логотипа?
Очень просто — следуйте правилам подбору шрифтов ниже. Они помогут отсеять неподходящие шрифты. Также используйте ответы на 11 вопросов, которые нужно задать самому себе перед созданием логотипа и не забывайте об основных ошибках в создании логотипа.
Шрифт логотипа соответствует сфере бизнеса
Шрифт должен соответствовать особенностям вашего бизнес, передавать качества, присущие вашей сфере бизнеса. Посмотрите какие шрифты используют ваши конкуренты — это поможет вам определиться со своим.
Шрифт должен быть читабельный
Думаю, здесь все понятно. Выбирайте только читабельный шрифт, который можно легко прочитать даже на маленьком логотипе.
Шрифт хорошо печатается
Распечатайте текст с вашим шрифтом. Если он прекрасно смотрится, значит можно его использовать.
Шрифт прекрасно сочетается с другими элементами
Обязательно нужно проверить, как шрифт смотрится с иконкой и другими элементами в логотипе. Для особо массивных шрифтов маленькие и хрупкие иконки будут не уместны, и наоборот.
Не используйте много шрифтов
Использовать много шрифтов в логотипе — дурной тон.
Можете использовать один или два шрифта, но не более.
Можете использовать один или два шрифта, но не более.
Обратите внимание на техническую сторону шрифта
Если вы использовали шрифт в логотипе, вполне вероятно, что вы будете использовать его и в других целях. Проверьте, как он выглядит с прописными буквами, хорошо ли смотрятся цифры, читаются буквы при сжатии, как он смотрится на сайте.
Шрифт должен быть четким
Старайтесь выбрать такой шрифт, в котором без проблем можно отделить одну букву от другой. Это также касается интервала. Хороший интервал между буквами позволит читателю воспринимать текст легче и быстрее. Особенно нужно быть внимательным, с рукописными шрифтами в вашем логотипе.
Осторожно с нестандартными шрифтами
Использование нестандартного шрифта в логотипе может отпугнуть читателей.
Избегайте клише
Например, не всегда следует использовать шрифт Comic Sans, если ваша компания связана с развлечениями и юмором, и Karate, если вы делаете логотип для китайского ресторана.
Используйте новые шрифты в логотипе
Логотипы многих компаний легко узнаваемы из-за использования уникального шрифта. Постарайтесь следовать им. Не используйте легкодоступные известные шрифты — так вы можете потерять свою уникальность. Также не гонитесь за трендами!
Не привязывайтесь к одному типу шрифта
Часто нам нравится один или два типа шрифтов, и мы начинаем использовать их использовать везде, в том числе и в логотипе. Возможно, в этом нет ничего плохого, но иногда следует отойти от привычек и попробовать что-то новое.
ГЛАВА 2.4
Как выбрать цвет для логотипа?
Цвет логотипа – это один из ключевых элементов сильного бренда. У каждого цвета свои особенности, ассоциации и психологическое воздействие. Выбирая цвет или сочетание цветов для вашего логотипа, вы также получаете эти ассоциации.
Цвета вызывают определенные эмоции и чувства, поэтому чрезвычайно важно выбрать тот цвет, который эффективно представит вашу индивидуальность.
Исследования показывают, что люди за первые 90 секунд подсознательно составляют мнение о человеке, окружении или продукте, и что от 62% до 90% этой оценки основывается только на цвете.
Цвета вызывают определенные эмоции и чувства, поэтому чрезвычайно важно выбрать тот цвет, который эффективно представит вашу индивидуальность.
Исследования показывают, что люди за первые 90 секунд подсознательно составляют мнение о человеке, окружении или продукте, и что от 62% до 90% этой оценки основывается только на цвете.
Насколько же важен цвет логотипа?
Фирменный цвет логотипа очень важен! Возьмем, например, популярный логотип McDonald's и поиграем с цветом (да простят нас дизайнеры):
Фирменный цвет логотипа очень важен! Возьмем, например, популярный логотип McDonald's и поиграем с цветом (да простят нас дизайнеры):
Несмотря на то, что мы совсем не изменили дизайн, смена цвета превратила известный бренд в что-то совершенно другое. И это нечто не совсем аппетитное.
Мы можем проделать то же упражнение с логотипом Coca-Cola:
Что-то не очень хочется взять такую баночку вкусного напитка, правда?
Что-то не очень хочется взять такую баночку вкусного напитка, правда?
Поменяйте только цвет на знаках "Стоп" на зеленый и это приведет к авариям на каждом перекрестке. Так что с уверенностью можно сказать, что фирменные цвета очень важны.
ГЛАВА 2.5
Значение цвета
Давайте посмотрим, как 100 самых популярных брендов в мире используют цвет в своих логотипах.
Эти компании тратят миллионы, а то и миллиарды, на маркетинг и развитие бренда, и они все-таки знают кое-что о цветах, которые используют.
Эти компании тратят миллионы, а то и миллиарды, на маркетинг и развитие бренда, и они все-таки знают кое-что о цветах, которые используют.
Вот несколько диаграмм, которые показывают статистику использования цвета известными компаниями:
Что же мы видим? Большинство популярных брендов монохромные – они используют один цвет. Наиболее используемый цвет – это оттенки синего, за которыми (иронично) следует черный. Последний в списке фиолетовый цвет — рискованное решение.
Теперь, когда мы немножко разобрались, давайте посмотрим на психологию различных цветов – от самого популярного до наименее популярного – и посмотрим, как их используют известные корпорации и бренды.
Что же мы видим? Большинство популярных брендов монохромные – они используют один цвет. Наиболее используемый цвет – это оттенки синего, за которыми (иронично) следует черный. Последний в списке фиолетовый цвет — рискованное решение.
Теперь, когда мы немножко разобрались, давайте посмотрим на психологию различных цветов – от самого популярного до наименее популярного – и посмотрим, как их используют известные корпорации и бренды.
ГЛАВА 2.6
Сочетание цветов в логотипе
Теперь, когда мы разобрались с психологическим воздействием цветов, давайте посмотрим, как выбрать цвет для логотипа.
Мы можем выбрать ряд классических палитр из цветового круга, которые художники использовали в течении многих столетий, чтобы создать сбалансированные и визуально приятные (или высоко-контрастные и яркие) композиции. В большинстве дизайнерских приложений эти цветовые схемы должны быть разделены на один доминирующий цвет (доминирующий либо из-за того, сколько он появляется в дизайне, или же потому, что он выделяется при сравнении с другими цветами) и один или больше дополнительных цветов.
Мы можем выбрать ряд классических палитр из цветового круга, которые художники использовали в течении многих столетий, чтобы создать сбалансированные и визуально приятные (или высоко-контрастные и яркие) композиции. В большинстве дизайнерских приложений эти цветовые схемы должны быть разделены на один доминирующий цвет (доминирующий либо из-за того, сколько он появляется в дизайне, или же потому, что он выделяется при сравнении с другими цветами) и один или больше дополнительных цветов.
Существует несколько способов подобрать цвет:
Монохромные цвета
Используются различные оттенки, тона одного цвета, например, спектр синего, начиная от светлого к темному. Такой тип схемы более утонченный и консервативный (см. картинку 100 самых популярных брендов выше).
Аналогичные цвета
Оттенки, которые находятся рядом на цветовом круге. Этот тип схемы является универсальным и его легко применять для разработки дизайна.
Монохромные цвета
Используются различные оттенки, тона одного цвета, например, спектр синего, начиная от светлого к темному. Такой тип схемы более утонченный и консервативный (см. картинку 100 самых популярных брендов выше).
Аналогичные цвета
Оттенки, которые находятся рядом на цветовом круге. Этот тип схемы является универсальным и его легко применять для разработки дизайна.
Сочетание цветов
Комплиментарные (дополнительные) цвета
Противоположности на цветовом круге, такие как красный/зеленый или синий/оранжевый; комплиментарные цвета с высокой контрастностью и высокой интенсивности, но их может быть трудно применить сбалансировано и гармонично (особенно в их чистом виде, когда они легко могут конфликтовать в дизайне).
Противоположности на цветовом круге, такие как красный/зеленый или синий/оранжевый; комплиментарные цвета с высокой контрастностью и высокой интенсивности, но их может быть трудно применить сбалансировано и гармонично (особенно в их чистом виде, когда они легко могут конфликтовать в дизайне).
Комплиментарные
Раздельно-комплиментарные
Любой цвет на цветовом круге плюс два фланговых цвета. У этой схемы сильный визуальный контраст, но менее резкий, нежели в комплиментарной комбинации.
Любой цвет на цветовом круге плюс два фланговых цвета. У этой схемы сильный визуальный контраст, но менее резкий, нежели в комплиментарной комбинации.
Раздельно-комплиментарные
Триадный
Любые три цвета, которые находятся на одинаковом расстоянии друг от друга.
Любые три цвета, которые находятся на одинаковом расстоянии друг от друга.
Триадный
Тетрадный/Дважды комплиментарный
Две пары, дополняющие друг друга; эта схема очень привлекательная, но может оказаться еще сложнее, чем применять одну пару дополнительных цветов, так как больше цветов труднее сбалансировать. Если вы используете этот тип схемы, вы выбираете один доминирующий цвет из четырех, и регулируете насыщенность/значение/и т.д.. некоторых или всех цветов, чтобы они хорошо работали в разных частях вашего дизайна, текста и фона.
Две пары, дополняющие друг друга; эта схема очень привлекательная, но может оказаться еще сложнее, чем применять одну пару дополнительных цветов, так как больше цветов труднее сбалансировать. Если вы используете этот тип схемы, вы выбираете один доминирующий цвет из четырех, и регулируете насыщенность/значение/и т.д.. некоторых или всех цветов, чтобы они хорошо работали в разных частях вашего дизайна, текста и фона.
Тетрадный/Дважды комплиментарный
ГЛАВА 2.6
Как выбрать цвет
Просмотрите на эту инфографику, чтоб быстро вспомнить значение каждого цвета. Задайте себе следующие вопросы:
1. Какой цвет представляет сущность вашего бренда?
Цвета не привязаны к определенной сфере экономики – хотя некоторые больше или меньше подходят для некоторых продуктов или услуг. Вашей целью должно быть выбрать цвет, который будет лучше всего подходить для вашего бизнеса. Цвет, который даст наилучшее представление о вашем продукте при первом взгляде.
2. Какой цвет подходит характеристикам вашего продукта или услуг?
3. Какой цвет логотипа используют ваши конкуренты?
Выбирайте цвет, противоположный цвету вашего конкурента. Цвет вашего соперника наверняка самое главное, что следует принимать во внимание. Если вы первопроходец в вашей отрасли или сегменте рынка, вы можете выбирать первым. Выбирайте цвет, который представит ваш продукт и его уникальность. Если вы второй, значит, кто-то уже сделал первый выбор. Вместо того, чтобы выбрать такой же либо похожий цвет, выберите противоположный. Выбирайте синий, если у вашего конкурента красный, берите фиолетовый цвет, если у него желтый и т.д. Сила бренда заключается в его способности выделиться. Выбор того же цвета, что и у вашего главного конкурента, создает впечатление подражания ему. Вы же хотите отделить себя от конкурента, вы хотите показать, что вы разные.
4. Не ограничивайтесь одним цветом
Некоторые бренды, например eBay, выбирают несколько цветов для логотипа. Вы также можете выбрать пару цветов, которые хорошо смотрятся вместе, но есть и риск ошибиться. Поэтому лучше всего использовать 1-3 цвета логотипа.
5. Помните о разнице в культурном восприятии вашего цвета
Например, в западном мире белый считается цветом чистоты и мира, но в некоторых частях Азии белый – это цвет смерти. Убедитесь, что цвет, который вы выбрали, создаст правильное впечатление у целевой аудитории.
Цвета не привязаны к определенной сфере экономики – хотя некоторые больше или меньше подходят для некоторых продуктов или услуг. Вашей целью должно быть выбрать цвет, который будет лучше всего подходить для вашего бизнеса. Цвет, который даст наилучшее представление о вашем продукте при первом взгляде.
2. Какой цвет подходит характеристикам вашего продукта или услуг?
3. Какой цвет логотипа используют ваши конкуренты?
Выбирайте цвет, противоположный цвету вашего конкурента. Цвет вашего соперника наверняка самое главное, что следует принимать во внимание. Если вы первопроходец в вашей отрасли или сегменте рынка, вы можете выбирать первым. Выбирайте цвет, который представит ваш продукт и его уникальность. Если вы второй, значит, кто-то уже сделал первый выбор. Вместо того, чтобы выбрать такой же либо похожий цвет, выберите противоположный. Выбирайте синий, если у вашего конкурента красный, берите фиолетовый цвет, если у него желтый и т.д. Сила бренда заключается в его способности выделиться. Выбор того же цвета, что и у вашего главного конкурента, создает впечатление подражания ему. Вы же хотите отделить себя от конкурента, вы хотите показать, что вы разные.
4. Не ограничивайтесь одним цветом
Некоторые бренды, например eBay, выбирают несколько цветов для логотипа. Вы также можете выбрать пару цветов, которые хорошо смотрятся вместе, но есть и риск ошибиться. Поэтому лучше всего использовать 1-3 цвета логотипа.
5. Помните о разнице в культурном восприятии вашего цвета
Например, в западном мире белый считается цветом чистоты и мира, но в некоторых частях Азии белый – это цвет смерти. Убедитесь, что цвет, который вы выбрали, создаст правильное впечатление у целевой аудитории.
ГЛАВА 2.7
Психология цвета в маркетинге
Узнаваемость бренда тесно связана с цветом. Просто подумайте о Coca-Cola, Facebook или Starbucks и могу поспорить, что вы сразу назовёте цвета, с которыми они ассоциируются.
Исследование университета Виннипега «Влияние цвета на маркетинг» показало, что первое суждение о продукте основано на цвете (60-90%, за первые 90 секунд). Это значит, что в дизайне цвет — не только артистический выбор, но и важное бизнес решение, которое влияет на всё, начиная от восприятия потребителей до продаж продукта.
Но при выборе цветосхемы для лого или бренда не привязывайтесь к любым традиционным, символичным или стереотипным методам. Когда дело касается цвета, не существует простого процесса или строгого правила. Наиболее важен сам цвет и как он задействован в дизайне – подходит ли бренду и контексту рынка. Для вдохновения зайдите на BrandColors – сайт, где собран визуальный гид (с hex-цветами) по выбору цвета, который сделали известные бренды всего мира.
Но при выборе цветосхемы для лого или бренда не привязывайтесь к любым традиционным, символичным или стереотипным методам. Когда дело касается цвета, не существует простого процесса или строгого правила. Наиболее важен сам цвет и как он задействован в дизайне – подходит ли бренду и контексту рынка. Для вдохновения зайдите на BrandColors – сайт, где собран визуальный гид (с hex-цветами) по выбору цвета, который сделали известные бренды всего мира.
Сервисы для подбора цвета
Adobe Colour CC
Adobe Colour CC позволяет попробовать, создавать и сохранять различные цветовые схемы, каждая из которых состоит из набора из пяти цветов. Он доступен в браузерных вариантах и в настольных версиях. Если вы используете настольную версию, вы можете экспортировать цветовую схему прямо в Photoshop, Illustrator и InDesign.
Adobe Colour CC позволяет попробовать, создавать и сохранять различные цветовые схемы, каждая из которых состоит из набора из пяти цветов. Он доступен в браузерных вариантах и в настольных версиях. Если вы используете настольную версию, вы можете экспортировать цветовую схему прямо в Photoshop, Illustrator и InDesign.
Mudcube Colour Sphere
Если вы не уверены по поводу вашей схемы цвета, у Mudcube есть подборка тем на выбор. Mudcube Colour Sphere – это удобный маленький цветовой ресурс для дизайнеров потому, что он не только обеспечивает HEX-числа для каждого цвета, а также поможет вам создать цветовую схему из одного выбранного оттенка. Если вы не определились, какую цветовую схему вы должны выбрать, MudCube обеспечит выбор темы из выпадающего меню.
Если вы не уверены по поводу вашей схемы цвета, у Mudcube есть подборка тем на выбор. Mudcube Colour Sphere – это удобный маленький цветовой ресурс для дизайнеров потому, что он не только обеспечивает HEX-числа для каждого цвета, а также поможет вам создать цветовую схему из одного выбранного оттенка. Если вы не определились, какую цветовую схему вы должны выбрать, MudCube обеспечит выбор темы из выпадающего меню.
Другие сервисы
Color Palette Generator — бесплатный онлайн-сервис, который позволяет вам сгенерировать цветовую палитру на основе загруженного файла в формате PNG, JPG или GIF.
ColorZilla — с помощью Colorzilla можно пипеткой взять цвет из любой точки вашего браузера и определить его номер. Незаменимая вещь для дизайнеров.
Material UI Colors — палитра цветов для Android, веба и iOS в стиле материального дизайна.
Brand Colors — цвета, используемые знаменитыми брендами.
COLOURlovers — библиотека этого веб-ресурса насчитывает более 2 миллионов готовых цветовых решений, которые можно сортировать по рейтингу, количеству просмотров и дате создания.
Colorscheme — профессиональный онлайн-сервис, позволяющий сгенерировать цветовую схему в соответствии с правилами колористики на цветовом круге.
0 to 255 — этот сервис позволит вам просмотреть все возможные оттенки и найти подходящий.
Больше сервисов для работы с цветом здесь.
Color Palette Generator — бесплатный онлайн-сервис, который позволяет вам сгенерировать цветовую палитру на основе загруженного файла в формате PNG, JPG или GIF.
ColorZilla — с помощью Colorzilla можно пипеткой взять цвет из любой точки вашего браузера и определить его номер. Незаменимая вещь для дизайнеров.
Material UI Colors — палитра цветов для Android, веба и iOS в стиле материального дизайна.
Brand Colors — цвета, используемые знаменитыми брендами.
COLOURlovers — библиотека этого веб-ресурса насчитывает более 2 миллионов готовых цветовых решений, которые можно сортировать по рейтингу, количеству просмотров и дате создания.
Colorscheme — профессиональный онлайн-сервис, позволяющий сгенерировать цветовую схему в соответствии с правилами колористики на цветовом круге.
0 to 255 — этот сервис позволит вам просмотреть все возможные оттенки и найти подходящий.
Больше сервисов для работы с цветом здесь.
