Династия шрифтов

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

В каждую гарнитуру входят похожие родственные шрифты, которые немного различаются стилем:
— По ширине — от узкого (condensed или narrow)
до широкого (wide или extended).
— По наклону — от прямого (roman или upright)
до курсивного (italic или oblique).
— По жирности штрихов — от тонких (thin или light)
до очень насыщенных (bold или black).

Например, Montserrat — гарнитура, а Montserrat Italic — один из шрифтов этой гарнитуры.

Get Started

Что в арсенале?

Основные группы шрифтов: гротеск и антиква. Выделяют еще брусковые, акцидентные (декоративные), рукописные (каллиграфические), но их можно отнести к видам антиквы.
Рассмотрим главное.

Гротески

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

В этом тексте используется гротески из семейства Montserrat.
Шрифты уведомлений в смартфонах — тоже гротески:
Roboto на Android и San Francisco в iPhone.

Антиквы

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

Самые известные шрифты такого типа —
Times New Roman, Georgia, Garamond, Playfair.

Как использовать силу шрифта?

Держи несколько советов, которые помогут выстроить типографскую композицию

Как использовать силу шрифта?

1. Собери свой отряд

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

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

2. Расставь бойцов

Размер букв задаёт иерархию, которая направляет внимания читателя.
Есть три простых принципа, по которым создают визуальную иерархию в текстах:
— Заголовки крупнее и жирнее, чем основной текст, чтобы привлечь внимание к основным идеям.
— Подзаголовки, меньше, чем заголовки, но крупнее, чем основной текст.
— Шрифт основного текста достаточно крупный для комфортного чтения,
но буквы не должны быть слишком большими, чтобы не отвлекать внимание.
Обычно от 10 до 16 пунктов.

3. Определи цвет брони

Цвет создаёт визуальный ритм, иерархию элементов и помогает расставить акценты в тексте.
Важные части (заголовки или ключевые пункты) можно выделять оттенком, который отличается от цвета основного текста, чтобы привлечь внимание.

Главное правило простого подбора цвета в типографике: цвет текста должен быть контрастным по отношению к фону. И слишком слабая, и сильная контрастность может повлиять на восприятие контента в худшую сторону и сделать чтение некомфортным.