Шпаргалка: 8 правил типографики, которые спасут любой текст

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

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

Начнём!

Исходный текст

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

1. Интерлиньяж

Добавь воздуха тексту. Интерлиньяж (межстрочное расстояние) текста должен быть равен примерно 110% от размера шрифта для заголовков и 120% для обычного текста. Если размер заголовка 60 pt, то интерлиньяж должен быть равен примерно 66 pt. Это правило не строгое, потому что многое зависит от размера шрифта, его гарнитуры, ширины колонки и т.д.

Иногда для заголовков приходится делать интерлиньяж даже меньше кегля шрифта.

2. Тире и дефис

Соблюдай правила русского языка, правильно расставляй запятые, отличай тире от дефиса. Тире на клавиатуре — Alt + 0151 (по крайней мере на Шиндоус).

3. Висячие предлоги

Если предлог стоит в конце строки, он называется «висячий». Переноси его на следующую строку, а тире наоборот не переноси.

4. Кавычки-ёлочки

Используй кавычки «ёлочки» вместо кавычек „лапок”. Лапки используй только внутри ёлочек, если нужны кавычки внутри кавычек.

Пример: «… „…” …»

5. Висячая пунктуация

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

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

Скорее всего, это не должно выглядеть так. Более правильным кажется не полное вынесение пунктуацию за линию, а частичное: на четверть или на треть.

6. Буква ё

Никогда не игнорируй буквы «ё» и «й». Они имеют равно те же права на существование, что и остальные буквы.

7. Оишбки

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

8. Кернинг

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

Финал

Бонус для дочитавших ♥

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

Ссылки на ресурсы для поиска референсов и вдохновения;
Избранные ресурсы с полезными статьями, заметками и мыслями, которые я сам читаю;
Советы и рекомендации лично от меня, как практиковаться в дизайне, где эту практику находить и как сделать её максимально эффективной;
Фишки, которые позволяют мне быть востребованным дизайнером на фрилансе, выполнять проекты в срок, уметь в веб-дизайн, граф-дизайн, соцсети, полиграфию и бренд-дизайн;
Что мне помогает продвигаться, искать клиентов и закрывать сделки, повышая ценник.

Получить «Атлас-дизайна»

Спасибо за прочтение, но и ты вырази благодарность :)

Чтобы выразить её, подпишись на мои Инст и Телеграм-канал, для меня это очень важно ♥

Дополнительно, если интересно:

Обещаю, твою поддержку я не забуду ♥