July 26, 2020

13. Типографика


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

Ни в коем случае не путать типографику с типографией!

Разнообразие типов шрифтов.

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


13.1. Типы шрифтов

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

Есть несколько типов шрифтов — без засечек, с засечками, рукописные и другие.


13.1.1. Шрифты без засечек (гротески)

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

Примерами являются Calibri, Helvetica, Book Antiqua, Arial и прочие.

Гротекс или шрифт без засечек.

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

Логотип Ebay.

Логотип Google.

Логотип LinkedIn.


13.1.2. Шрифты с засечками (антиква)

Антиква — это шрифты с засечками. Засечки — это короткие штрихи на концах элементов символов.

К таким шрифтам относятся наиболее часто используемый шрифт Times New Roman, Georgia, а также «Троян», «Баскервиль» и, конечно же, другие.

Антиква.

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

Логотип Vogue.

Логотип Tiffany & Co.

Логотип Prada.


13.1.3. Рукописные

Рукописные гарнитуры — имитируют чей-то почерк или каллиграфический стиль. Есть два подтипа: формальные и неформальные.

Неформальный рукописные шрифт.

Формальный рукописный шрифт.

В логотипах чаще используются неформальные рукописные шрифты.

Логотип Kleenex.

Логотип Coca-Cola.

Логотип Virgin.


13.1.3.1. Красота леттеринга

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

Пример логотипа в стиле леттеринг.


13.1.4. Другие типы шрифтов

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

Моноширинные шрифты.

Акцидентные шрифты.


13.1.4.1. Шрифт из геометрических примитивов

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

Пример логотипа, который создан из геометрических примитивов.


13.2. Кернинг

Кернинг — это расстояние между буквами. Основная суть кернинга — подбор различных интервалов между различными парами конкретных букв для увеличения удобочитаемости.

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

Настройка кернинга.

Совет. Попробуйте выбрать оптическую настройку кернинга.

Разница между автоматическим и оптическим кернингом.

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


13.3. Трекинг

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

Настройка трекинга.

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

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

В данном случае можно увеличить трекинг между буквами.

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

Совет. Не увеличивайте трекинг, если у вас жирный текст. Это не красиво.

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

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


13.4. Популярные шрифты

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

Шрифты, которые я советую использовать: Helvetica, Proxima Nova, Gotham Pro, Gilroy, Inter, Futura, Bebas Neue, Segoe UI, San Francisco, Avenir, Playfair Display, Merriweather, PT Serif, PT Sans и другие.

Не стесняйтесь искать шрифты и смотреть их лицензию на Google Fonts:

С помощью Google Fonts вы сможете найти нужный шрифт для вашего логотипа.

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

Пример настроек для максимально точного поиска нужного вам шрифта.

Фильтры в Google Fonts, чтобы найти подходящий шрифт.

Также вы можете посмотреть какие шрифты в логотипах используют различные популярные компании:













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


13.5. Сервисы для поиска шрифтов

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

Бесплатные:

Платные:


13.6. Другие термины, понятия и теория

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

Несколько полезных статей о типографике:

Видоурок об основах типографики и вёрстки.


13.7. Итоги по разделу

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

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

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


Оглавление


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