Начертания шрифтов: разбираемся в видах, размерах и гарнитурах

Марина Сорокина Марина Сорокина
August 9, 2024
Начертания шрифтов: разбираемся в видах, размерах и гарнитурах

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

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

Основные понятия типографики

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

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

Приведем конкретный пример.

Titillium Web — красивое шрифтовое семейство без засечек. Его разработали как часть образовательного проекта в Академии Искусств Италии. Оно включает в себя множество начертаний, что позволяет использовать его для различных типографических задач.
У Titillium их 11. Он имеет очень четкие формы букв, что позволяет использовать его для заголовков или в качестве основного текста. Хорошо читается при разрешении 8 пикселей и выше. Гарнитура Titillium имеет одиннадцать начертаний жирности от Thin до Bold Italic.
Им можно бесплатно воспользоваться в любых целях — шрифт находится в открытом доступе.Все 11 вариантов начертаний Titillium

                                                  Все 11 вариантов начертаний Titillium


Начертание — это то, с каким контрастом и наклоном нарисованы буквы. Гарнитура может содержать как 3, так и 15 начертаний, от самого тонкого к самому жирному. Распространенные начертания: Light, Italic, Bold. 

                                                  4 самых жирных начертания Titillium

Засечки — так называемые «подковы» у букв, с помощью которых шрифт видится нам более устойчивым и законченным. Они придают буквам декоративный и функциональный элемент. Засечки улучшают читаемость текста, поскольку взгляд цепляется за «подковы» и слова не слипаются воедино.

Засечки бывают разные: острые, плавные и скругленные, сильно или едва заметные. Как правило, придают тексту более классический и формальный вид.
Наш пример — Titillium — без засечек, поэтому рассмотрим другой шрифт. Например, такие семейства как Garamond и Georgia. Их засечки очень схожи между собой.

Кегль — это размер шрифта по вертикали. Он измеряется в пунктах (1 pt = 0,353 мм). Важно — кегль не равен высоте букв!

Контрастность — разница между горизонтальными и вертикальными штрихами. Шрифты бывают с высокими и низким контрастом. Контрастнее будет тот шрифт, разница в штрихах букв которых будет больше, и наоборот.

Классификация шрифтов

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

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

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

Признак хорошего текстового шрифта — не имеет отвлекающих от чтения деталей, выглядит лаконично и опрятно.


Добавьте шаблон и применяйте на нем 600+ шрифтов для вашего уникального дизайна — во Flyvi в несколько кликов.

Гарнитура и стили шрифта

Рассмотрим самые используемые стили: гротеск, антиква и брусковые шрифты

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

Антиквы — группа шрифтов с засечками. Появились в эпоху ренессанса в 15-17 веках. Особенность антиквы — наклонные овалы у букв и несимметричные засечки. Эти шрифты с классическим, элегантным или консервативным характером подойдут для текстового оформления газет, бизнес журналов, рекламных визиток. Самый знаменитый из этой группы — Garamond.

Брусковые появились в Англии в 19 веке, как шрифты для рекламных плакатов. Их особенность — брутальные прямоугольные засечки у букв и низкий контраст. Гарнитура «Кларендон» — самая удобочитаемая из всех брусковых.

Начертание шрифта

У каждого шрифтового семейства или подсемейства есть энное количество начертаний, число которых меняется со сменой гарнитуры. Один шрифт может содержать в себе начертания разные по толщине и наклону, или без наклона.
К примеру, Titillium Light 300 — одно начертание, а Titillium Light 300 Italic — другое.

                                                  4 самых тонких начертания Titillium

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

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

По жирности начертания бывают: тонкие (Thin, ExtraLight, Light), нормальные (Regular, Normal, Medium), полужирные (DemiBold, Bold, Black) и жирные (ExtraBold, ExtraBlack).

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

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

Как выбрать размер шрифта

Дизайн-проект может быть любым, но шрифт должен легко читаться в массиве текста или привлекать внимание на билборде. Протестируйте пару-тройку размеров, чтоб подобрать приемлемый. Многое зависит от того, где будет применяться шрифт: на лендинге, рекламном щите, в оформлении карточки товара или плакате рок-концерта.



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

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

Вступайте в наше сообщество Вконтакте или в телеграм. Там мы публикуем новые шаблоны, советы по дизайну и регулярно проводим конкурсы на бесплатные подписки Flyvi.

Поделиться:

Рекомендуемые статьи

Обучение 10 основных правил графического дизайна
В хорошем дизайне есть два важных аспекта: он должен быть привлекательным и служить для передачи сообщения. Когда вы только начинаете заниматься дизайном, придется столкнуться с многими нюансами, которые способны его испортить. В статье рассказываем об основных правилах, которые помогут избежать тех самых нюансов и сделают ваш дизайн лучше.
Aug 29, 2024
10 основных правил графического дизайна
Обучение ИИ-мастерская — нейросеть для работы от Flyvi. Вот как она работает
ИИ-мастерская Flyvi объединяет все самые полезные инструменты для создания дизайна, основанные на искусственном интеллекте. Доступна даже без подписки.
Jul 23, 2024
ИИ-мастерская — нейросеть для работы от Flyvi. Вот как она работает
Обучение Как самостоятельно сделать визитку онлайн
Rакие бывают визитки, как их создать самостоятельно — пошагово демонстрируем процесс. Онлайн, бесплатно и своими руками — рассказываем.
Jun 19, 2024
Как самостоятельно сделать визитку онлайн