Найти в Дзене
Евгений Домарад

Типографика в электронных курсах

В этой статье я сформировал несколько правил по работе с текстом в электронных курсах. Эти правила сохраняют свою актуальность, несмотря на изменчивость тенденций в типографике. Перед тем как перейти к первому правилу давайте остановимся на нескольких важных определений по данной теме. Строго говоря шрифтом в типографике, называют отдельное начертание (курсивное, полужирное, жирное). А группу таких начертаний называем гарнитурой (от французского garniture). Верно будет говорить не «шрифт SegoeUI», а «гарнитура SegoeUI». Если речь идет о шрифте, то это, например, SegoeUI Light или SegoeUI Light Italic. Все гарнитуры делятся на виды: актиква (шрифты с засечками, serif), гротески (без засечек, san serif) и декоративные. 1. Выключка Выключка — это способ выравнивания текста. Есть 4 вида выключки: слева, справа, по центру и по ширине. В электронных курсах весь основной текст выравнивают по левому краю. Это самый удобный и быстрый для считывания информации вид выключки. По правому краю вырав
Оглавление

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

Перед тем как перейти к первому правилу давайте остановимся на нескольких важных определений по данной теме.

Строго говоря шрифтом в типографике, называют отдельное начертание (курсивное, полужирное, жирное). А группу таких начертаний называем гарнитурой (от французского garniture). Верно будет говорить не «шрифт SegoeUI», а «гарнитура SegoeUI». Если речь идет о шрифте, то это, например, SegoeUI Light или SegoeUI Light Italic.

-2

Все гарнитуры делятся на виды: актиква (шрифты с засечками, serif), гротески (без засечек, san serif) и декоративные.

Обратите внимание как меняется стиль изображения в зависимости от гарнитуры
Обратите внимание как меняется стиль изображения в зависимости от гарнитуры

1. Выключка

Выключка — это способ выравнивания текста. Есть 4 вида выключки: слева, справа, по центру и по ширине.

-4

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

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

-5

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

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

-6

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

Интерлиньяж — межстрочное расстояние. Средне-оптимальное значение межстрочного отступа, от которого можно отталкиваться, — кегль основного шрифта (размер шрифта по вертикали), умноженный
на 1,2—1,5.

Например, если шрифт 14 pt, то интерлиньяж можно использовать в диапазоне 18—20 pt. Это правило не строгое, потому что многое зависит от размера шрифта, его гарнитуры и т.д.

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

3. Воздух

Внутри блоков с текстом необходимо оставлять поля (свободное пространство между текстом и границей фигуры) не менее 0,65 см.

-8

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

Дефис — орфографический знак, он ставится внутри слова.

Тире — пунктуационный знак, ставится между словами, длиннее, отделяется пробелами с обеих сторон.

-9

5. Кавычки

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

-10

6. Сироты и висяшки

Сироты — слово, часть слова или очень короткая строка, которая осталась одна сама по себе в конце абзаца.

Висяшки — предлоги и частицы, которые остались в конце строки.

«молод» — сирота, предлоги «в» и  «не» — висяшки
«молод» — сирота, предлоги «в» и «не» — висяшки

7. Контраст

Помните про сохранении контраста в тексте. Разница в величине кегля текста позволяет структурировать информацию.

Кегль текстового блока 14—18 pt, подзаголовок на 150% больше текста, заголовки на 200—300%.

-12