Подождите... разве шрифт и шрифт - это не одно и то же?
Вы когда-нибудь задумывались, как выбирать шрифты для своих проектов? А как насчет шрифтов? Минуточку... в чем разница? Эти термины ошибочно используются снова и снова. Чтобы прорваться сквозь шум, вот краткий обзор.
Шрифты против шрифтов
Давайте начнем с самых непонятных терминов в мире...
Например, шрифты Helvetica Light, Helvetica Oblique и Helvetica Bold являются примерами шрифтов Helvetica.
- Шрифт = Helvetica
- Шрифт = Helvetica Bold Italic
В давние времена слова печатались с помощью металлических букв, которые обмакивались в чернила и наносились на бумагу. Если вы хотели использовать шрифт Helvetica, вам нужно было иметь огромный ящик с металлическими буквами, в котором была Helvetica любого размера, веса и стиля. Теперь, когда у нас есть волшебные компьютерные машины, мы можем использовать самые разные шрифты, просто выбрав их. Тем временем призрак ИоганнесаГутенберг проклинает нас под своим безжизненным дыханием.
{{свинцовый магнит}}
4 (основных) типа шрифтов
Основные категории семейств шрифтов (они же шрифты), о которых вы наверняка уже слышали, - это засечки, без засечек, шрифты и декоративные шрифты. Если вы хотите поразмыслить над этим, существует множество типов семейств внутри этих категорий, и вы можете ознакомиться с ними на сайте fonts.com.
Serif - В шрифтах с засечками на концах букв имеются росчерки или акценты (они же засечки), которые обычно используются в печатных материалах, а не в видео.
![](/wp-content/uploads/history/195/wei1p1dpcl.gif)
Sans-Serif - Шрифты Sans-Serif не имеют маленьких подчеркиваний или хвостиков в конце букв. Эти шрифты обычно легче читать в MoGraph. Примечание: "Sans" - это еще одно слово, означающее "без". Прямо сейчас я без кофе, и мне придется срочно исправлять эту ситуацию.
![](/wp-content/uploads/history/195/wei1p1dpcl-1.gif)
Сценарий - Шрифты похожи на скоропись. Если вы родились после 1990 года, вы можете не знать, что это такое, но это не страшно. Просто считайте, что шрифты похожи на рукописные.
![](/wp-content/uploads/history/195/wei1p1dpcl-2.gif)
Декоративные - В категорию декоративных попадают все остальные шрифты, которые не относятся к первым трем категориям. Они могут быть странными...
![](/wp-content/uploads/history/195/wei1p1dpcl-3.gif)
Типовая анатомия
Есть некоторые свойства шрифта, которые можно изменить, не меняя сам шрифт. Вот краткая иллюстрированная сводка основных свойств:
КЕРНИНГ
Кернинг - это горизонтальное пространство между двумя буквами. Обычно это делается для одной пары букв, чтобы скорректировать проблему, вызванную тем, что заглавная буква находится рядом со строчной. Существует также замечательный reddit, посвященный плохим примерам кернинга, который называется keming (Понятно? потому что r и n слишком близко...) Вот пример кернинга.
![](/wp-content/uploads/history/195/wei1p1dpcl-4.gif)
ОТСЛЕЖИВАТЬ
Отслеживание похоже на кернинг, но влияет на горизонтальное пространство между всеми буквами:
![](/wp-content/uploads/history/195/wei1p1dpcl-5.gif)
ЛИДИНГ
Наконец, листинг (произносится как "лиддинг") влияет на пространство между строками текста.
Факт для ботаников! В старые времена печати металлических букв полоски свинца (токсичное вещество, содержащееся в питьевой воде) использовались для того, чтобы отделять строки текста друг от друга в печатном станке, отсюда и термин:
![](/wp-content/uploads/history/195/wei1p1dpcl-6.gif)
Настроив эти модификаторы типов в своих проектах, вы станете рок-звездой типографики. Говоря о рок-звездах типографики в мире MoGraph, давайте вспомним несколько имен типографики.
Вдохновение типографики
САУЛ И ЭЛЕЙН БАСС
Если вы не знакомы с Солом Бассом, пора вдохновиться. По сути, он является дедушкой кинотитров в том виде, в котором мы их знаем. Изначально он был графическим дизайнером, работавшим над киноафишами, и стал одним из первых, кто создал главные титры, передающие настроение фильма. Вы наверняка узнаете его работы в классических титрах, таких как Человек с золотой рукой , Анатомия убийства , Psycho и Север на северо-запад .
Это не только потрясающий дизайн движения, но и серьезный труд любви в мире до After Effects. Ознакомьтесь с удивительным наследием его работы на сайте Art of the Title.
КАЙЛ КУПЕР
Помните название первого фильма, которое заставило ваш мозг взорваться? Для многих из нас, зацикленных на движении, это было название фильма. Се7ен Если вы не знаете, посмотрите прямо сейчас...
Снесло крышу? Хорошо. Se7en - это кинетический тип в своем лучшем проявлении (в 1995 году).
За это отвечает единственный и неповторимый Кайл Купер, соучредитель агентства Imaginary Forces. Выберите десять самых любимых фильмов всех времен, и есть шанс, что его имя есть хотя бы в одном из них.
Вдохновились? Есть множество удивительных примеров кинетического шрифта. Я пока оставлю его, чтобы мы могли заняться техникой выбора шрифта.
Выбор типа для Mograph
Шрифт - это коммуникация. Шрифт передает значение слова, но визуальный стиль шрифта передает гораздо больше, чем просто само слово.
Поиск подходящих шрифтов для проекта - процесс субъективный. Это сродни выбору цветовой палитры.
Подумайте о том, что вы хотите сказать, а затем о том, как вы хотите это сказать.Это сильное заявление? Нюансированная деталь? Директива? Сообщение настойчивое? Торопливое? Испуганное? Романтичное?
Эмоции и идеи можно создать в сознании зрителя с помощью выбора шрифта, иерархии, масштаба, тона и цвета. Самое главное, чтобы значения были понятны. Мы много говорим о шрифтах и верстке в нашем Design Bootcamp.
Хотя можно сделать некоторые обобщения, на самом деле все сводится к выбору индивидуального дизайна. Подумайте о ключевых словах в вашей композиции и о том, как ваш выбор шрифта может создать индивидуальность и контраст. Эта работа от MK12 - отличный пример кинетической типографики, которая рассказывает историю:
Как и анимация, кинетическая типографика требует времени и практики для освоения.
Где найти шрифты
Существует множество мест, где можно найти как бесплатные, так и платные шрифты. Вот несколько наших любимых:
- Fonts.com - $9,99 в месяц
- TypeKit - различные уровни как в комплекте, так и в дополнение к Creative Cloud (Мы используем TypeKit довольно часто в School of Motion).
- DaFont - Много бесплатных материалов
Анимированный тип
Если вы еще не знаете об этом, то, возможно, вам захочется поцеловать меня после того, как вы прочтете следующий фрагмент... Это мега крутая экономия времени.
Небольшая амстердамская компания под названием Animography усердно работает над созданием анимированных шрифтов, которые мы, ботаники MoGraph, можем приобрести и использовать. Подумайте о заготовках для анимации текста в After Effects на крэке MoGraph. Вы можете поблагодарить меня позже.
Посмотрите его на сайте Animography, а пока вы там, просмотрите всю их библиотеку. Это чистое золото MoGraph.
Есть много чего еще, откуда это пошло...
Удивительные пары типов
Мы попросили команду School of Motion поделиться некоторыми из своих любимых сочетаний типов. Вот некоторые из них. Не стесняйтесь использовать их в своем следующем проекте.
![](/wp-content/uploads/history/195/wei1p1dpcl.jpeg)
Желаю удачи в освоении новых знаний по типографике. Но самое главное, что нужно помнить, когда речь идет о шрифте, это...
Никогда не используйте Comic Sans... Никогда.
![](/wp-content/uploads/history/195/wei1p1dpcl-7.gif)