Коляс Иванов
Коляс Иванов
2 мин. читать
4562 показа
3311 открытий

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

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

Начнём!

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

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

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

Добавьте в текст воздуха. Расстояние между строками (интерлиньяж) в заголовках должно составлять примерно 100–110% от размера шрифта, а в основном тексте — 120–140%.

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

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

Тире и дефис

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

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

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

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

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

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

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

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

Неверный пример

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

Буква «ё»

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

Ошибки

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

Кернинг

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

Финал


Хотите удвоить доход на фрилансе? Читайте гайд с выжимкой моего опыта «Как дизайнеру на фрилансе вырасти минимум ×2 в доходе».

4562

Подпишитесь на еженедельный дайджест с лучшими материалами

Каждый понедельник редакция отбирает и отправляет по почте самые интересные и полезные материалы за неделю.

Cпасибо за подписку!

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

Читать ещё

Лучшее

Похожее

только для зарегистрированных
только для зарегистрированных
Подтвердите действие
Точно?
Сообщение
Текст
Ошибка загрузки файла
Рекомендуем {optim_res}px или больше. Вес файла не более 5МБ. Вы можете загрузить изображение в формате JPG, JPEG, HEIC, PNG или GIF.
Подтвердите действие