Кегль, интерлиньяж и трекинг: почему текст на слайде перестаёт читаться
Слайд собран, текст влез, на ноутбуке всё разборчиво. В зале первые ряды следят за вами, а дальше люди достают телефоны. Причина чаще всего не в шрифте и не в цвете. У текста сбиты три настройки, названия которых редко звучат вслух: размер букв, расстояние между строками и расстояние между буквами. Ниже они собраны в бегунки, и вы найдёте те значения, при которых абзац разваливается.
Отойдите в последний ряд
Два слайда с одинаковым текстом. Одна кнопка отодвигает вас от экрана так, как это происходит в зале.
Кегль уменьшили, чтобы всё влезло. Строки поставили вплотную.
Текста меньше, кегль крупнее, строки дышат.
Сейчас вы смотрите на слайд с расстояния вытянутой руки. С такого расстояния читается почти всё.
Что такое кегль, интерлиньяж и трекинг
Кеглем называют размер шрифта, ту самую цифру в поле рядом с названием гарнитуры. Интерлиньяжем называют расстояние между строками, в редакторах оно задано множителем: 1,2 значит «строка с четвертью». Трекингом называют расстояние между буквами сразу во всём фрагменте, в PowerPoint он спрятан под словами «разреженный» и «уплотнённый».
Все три ручки крутят одно и то же свойство: плотность текстового блока. Промахнуться можно в обе стороны. Слишком плотно значит строки слипаются в серый кирпич, который зал пропускает глазами. Слишком просторно значит абзац рассыпается на отдельные строки, и глаз перестаёт видеть его целым, а это уже нарушение закона близости.
Четвёртая величина считается сама, но решает не меньше: сколько знаков помещается в строку. Комфортный коридор идёт от 45 до 75 знаков вместе с пробелами. Строка длиннее заставляет глаз искать начало следующей, и читатель теряет место в тексте. Счётчик под слайдом показывает эту величину живьём.
Три ручки на одном абзаце
Текст слайда не меняется. Меняются только три числа.
Заголовок специально оставлен неподвижным. У него свои значения, и это следующее правило.
Откуда берутся значения, если правильных не существует
Универсальных чисел действительно нет. Есть числа, подходящие под расстояние до зрителя и под кегль соседнего блока. Отсюда две частые беды. Первая: редактор ставит значения по умолчанию, а рассчитаны они на документ, который читают с полуметра. Вторая: скачанный шаблон несёт настройки под чужой текст и чужой экран.
И в том, и в другом случае вы соглашаетесь с решением, которое принимал не вы и не для вашего зала. Переключатель ниже показывает один и тот же слайд в трёх наборах настроек.
Один слайд, три набора настроек
Слова, шрифт и цвет одинаковые во всех трёх. Отличаются только кегль, интерлиньяж и трекинг.
Значения по умолчанию: кегль мелкий, интерлиньяж ровно один. Так набирают договоры, а не слайды.
Кегль считают от последнего ряда, а не от объёма текста
Самая мелкая содержательная строка на слайде набрана не меньше чем 18 пунктами. Всё, что меньше, живёт в документе, который читают с ноутбука. Приговор чужому слайду выносится за две секунды: найдите самую мелкую строку и спросите, кто и откуда её прочтёт.
Кегль уменьшают почти всегда по одной причине: текст не влезает. Это лечение симптома. Не влезает не потому, что буквы крупные, а потому, что слов больше, чем нужно слайду. Правильный ход обратный: сократить текст и освободить воздух, а не отнимать пункты у тех, кто сидит сзади.
На разборах чаще прочих звучит вопрос «а мельче нельзя?». Можно. Тогда честнее убрать этот текст со слайда и оставить его в раздатке, а не делать вид, что его прочитают из зала.
У правила есть законное исключение, ровно одно. Служебная сноска с источником данных живёт по другим законам: её не читают из зала, её находят потом в файле. Такую строку можно набрать мельче, и это честно, если в ней нет ничего важного.
Найдите нижнюю границу кегля
Бегунок задаёт кегль основного текста в пунктах, как в редакторе.
Пункты здесь не условные: демо пересчитано к пропорциям стандартного слайда 16:9, где по ширине укладывается 960 пунктов. На узком телефоне мелкий конец шкалы сжат, иначе цифры превратились бы в пыль.
Чем крупнее кегль, тем теснее интерлиньяж
Заголовку 100–110 процентов, основному тексту 120–145, мелкой сноске до 160. Зависимость обратная, и это единственное, что нужно запомнить: одно значение на весь слайд не годится никогда.
Причина простая. Интерлиньяж задан долей от кегля, поэтому у крупных букв те же 120 процентов дают вдвое больше пустоты в миллиметрах. Заголовок с таким просветом распадается на несвязанные строки. У мелкого текста наоборот: просвета не хватает, строки цепляются друг за друга хвостами букв, и глаз соскальзывает на соседнюю.
Бегунок ниже подаёт одно значение сразу двум блокам. Ищите положение, при котором хороши оба. Его нет.
Одно значение на два блока сразу
Сверху заголовок 32 пункта, снизу сноска 12 пунктов. Интерлиньяж у них общий.
Заголовок: строки разъехались, фраза читается как список
Сноска: просвета хватает, строки не цепляются
Одно значение устраивает либо верх, либо низ. Значит интерлиньяж задаётся каждому блоку отдельно, а не выделением всего слайда.
Трекинг трогают в двух случаях, и абзац в них не входит
Разрядить прописные и подобрать крупный заголовок. Всё остальное набирается с нулевым трекингом, потому что шрифт уже нарисован с правильными просветами, и автор гарнитуры думал об этом дольше, чем у вас есть времени на слайд.
Первый случай: строка набрана прописными. У заглавных букв нет выносных элементов, они одинаковой высоты, и без разрядки такая строка выглядит забором. Плюс 5–10 процентов возвращают ей читаемость. Второй случай: очень крупный заголовок, где просветы визуально растут вместе с кеглем. Там помогает минус 1–3 процента.
Абзац разряжать нельзя. Положительный трекинг разрывает слово на отдельные буквы, и читатель начинает складывать их заново вместо того, чтобы узнавать слово целиком. Насколько сильно это мешает, зависит и от гарнитуры: у гротесков запас прочности больше, чем у шрифтов с засечками.
Один трекинг на три разных объекта
Бегунок разряжает и сжимает сразу прописную надпись, заголовок и абзац.
Прописные: без разрядки строка выглядит плотным забором
Заголовок: набран как задумал автор шрифта
Абзац: набран как задумал автор шрифта
Обратите внимание на отрицательную часть шкалы: заголовок терпит сжатие дольше остальных, а абзац схлопывается почти сразу.
Где настройки текста ломаются чаще всего
- Кегль уменьшили, чтобы влез абзац, и последние ряды выпали из разговора
- Интерлиньяж выставили один на весь слайд выделением по Ctrl+A
- Заголовок в три строки с интерлиньяжем 150 процентов, и фраза распалась на три
- Абзац разрядили трекингом «для воздуха», и слова рассыпались на буквы
- Строка на всю ширину слайда, в ней полторы сотни знаков, и глаз теряет начало следующей
Последний пункт живёт дольше прочих, потому что на ноутбуке он не мешает: с полуметра глаз охватывает строку целиком. Мешать он начинает на большом экране, когда возвращаться к началу строки приходится уже головой, а не взглядом.
Где настройка сбита?
Нажмите на слайд, у которого испорчена одна из трёх настроек.
Уместите текст, не уменьшая кегль
На слайде шесть строк, набранных десятым кеглем, потому что иначе они не помещались. Нажатие на строку убирает её со слайда, а освободившееся место автоматически уходит в кегль оставшихся. Задача одна: довести кегль до восемнадцати, оставив на слайде мысль, а не протокол.
Десятый кегль: из зала это серая полоска. Уберите то, что можно сказать голосом.
Правильных решений тут несколько. Важно не то, какие именно строки вы убрали, а что кегль вырос, потому что текста стало меньше.
Шесть слайдов, где настройки текста сделаны руками
Это слайды из нашей базы, не учебные заготовки. Общее у них одно: ни в одном значения не оставлены по умолчанию. Любой слайд открывается в базе примеров целиком.
Крупному тесно. Заголовок в три строки поставлен почти вплотную, и три фразы читаются как одна мысль.
Два кегля, два интерлиньяжа. Крупные цифры стоят плотно, мелкие подписи под ними набраны заметно просторнее.
Разрядка на прописных. Слово набрано заглавными и разведено трекингом, поэтому строка не выглядит забором.
Мало строк, много просвета. Когда на слайде четыре строки, интерлиньяж работает как воздух, а не как разрыв.
Разрыв в кегле вместо выделения. Число и пояснение отличаются размером в разы, и порядок чтения задан без цвета.
Мелкое, но читаемое. Восемь показателей в сетке: подписи мелкие, зато строки короткие и с запасом просвета.
Присмотритесь к длине строк: почти нигде она не идёт во всю ширину слайда. Текст либо разбит на колонки, либо ограничен по ширине руками.
Три правила настройки текста
Эти три ручки отвечают за то, прочитают ли текст вообще. За то, в каком порядке его прочитают, отвечает визуальная иерархия, а за то, что заметят первым внутри строки, отвечает насыщенность начертания.
Кегль от зала
Самая мелкая строка не меньше 18 пунктов. Не влезает значит слов много, а не буквы велики.
Интерлиньяж от кегля
Заголовку 100–110 процентов, тексту 120–145, сноске до 160. Каждому блоку своё значение.
Трекинг почти всегда ноль
Плюс 5–10 процентов прописным, минус 1–3 крупному заголовку. Абзац не трогают.
Чек-лист самопроверки слайда
Отметьте то, что выполнено на вашем слайде.
Одно правило в неделю
Подпишитесь на рассылку: каждую неделю присылаем разбор одного правила дизайна и материалы, которые можно применить сразу.
Те же разборы выходят в телеграм-канале школы. Другие термины разобраны в Учебнике.