Антиква: почему шрифт с засечками спасает отчёт и портит слайд
Вы искали для презентации шрифт посолиднее и взяли антикву, шрифт с засечками. На ноутбуке заголовок выглядел как обложка делового журнала. В зале от засечек осталась бахрома, а подписи под графиками слиплись в серую полосу. Шрифт не виноват. Антиква нарисована под другую дистанцию чтения, и проверить это можно за минуту, а не на глазах у зала.
Что такое антиква и что такое засечка
У антиквы на концах штрихов стоят короткие поперечные чёрточки, они называются засечками. Отсюда второе имя семейства: шрифт с засечками. Так нарисованы Georgia, Times New Roman и Palatino. Шрифты без засечек называют гротесками, и про них есть парная статья про гротеск.
Засечка досталась нам от резца: римский мастер заканчивал штрих поперечным движением. Для слайда важно одно следствие этой привычки. Засечка добавляет букве мелких горизонтальных деталей, а деталь видно только вблизи и только при достаточном кегле. Виджет ниже показывает, с какого кегля засечки вообще становятся заметны.
Увеличьте букву и загляните в кольца
Кольца отмечают концы штрихов: у антиквы там поперечные засечки, у гротеска ровный срез.
Буква набрана системной антиквой Georgia. Если её нет, система подставит свою: рисунок будет другим, засечки останутся.
Выбор делает носитель, а не настроение
В споре «антиква солиднее» не побеждает никто, потому что аргументов в нём нет. Замените вопрос: с какого расстояния будут читать? Ответ сразу превращается в решение, и спорить больше не о чем.
Лист в руках лежит в сорока сантиметрах от глаз. На этой дистанции засечки дают буквам опору, строка держится ровной линией, и длинный текст читается спокойнее. Экран на стене отстоит от последнего ряда метров на шесть. Туда доезжают только толстые основные штрихи, тонкие детали пропадают первыми.
Отсюда разделение труда. Отчёт, статью, договор и раздатку антиква обслуживает лучше гротеска. Слайд, который смотрят с шести метров, ей противопоказан.
Переключите носитель в виджете. Текст один и тот же, а выигрывает каждый раз другой шрифт.
Один текст, два носителя
Слайд показан так, как его видит зал: уменьшенным и слегка расфокусированным.
Пилот в двух регионах занял четыре месяца и обошёлся в 12 млн рублей. Мы проверяли две гипотезы: выдержит ли склад двойной поток заказов и согласятся ли партнёры на новые условия расчётов.
Склад выдержал, партнёры согласились в семи случаях из десяти. Оставшиеся три отказа связаны с отсрочкой платежа, и эту часть договора мы переписываем.
На слайде антиква начинается с 28 пикселей
Порог не выдуманный, он считается. Тонкий поперечный штрих у большинства антикв составляет примерно одну двенадцатую кегля. При 14 px это 1,2 px: сглаживание размазывает такую линию в бледное пятно ещё на мониторе. При 28 px тот же штрих получает 2,3 px и переживает и масштабирование, и слабую фокусировку проектора.
Проектор добавляет вторую беду. Он поднимает чёрный до серого и заливает картинку светом зала, поэтому разница между тонким штрихом и фоном падает вместе с общей контрастностью слайда. Сначала пропадают засечки, следом текст целиком.
Найдите кегль, на котором засечки выживают
Шрифт зафиксирован, меняются только размер и условия показа.
Толщина тонкого штриха посчитана как одна двенадцатая кегля. У конкретного шрифта пропорция своя, порядок величины тот же.
Чем тоньше засечки, тем крупнее нужен кегль
Антиквы неодинаковые. У Georgia засечки толстые, почти прямоугольные, и разница между толстым и тонким штрихом небольшая: шрифт рисовали для экранов девяностых, где пикселей было мало. У Times New Roman штрихи острее, он газетный и экономит место в колонке. Книжные антиквы вроде Bodoni доводят тонкие линии до волоса, и на слайде от этих линий не остаётся ничего.
Для слайда из этого следует одно. Тонкую антикву пускайте только в заголовок, где кегль и так велик, а для текста берите ту, у которой засечки потолще. Полужирное начертание утолщает и тонкие штрихи тоже, поэтому оно спасает мелкий кегль надёжнее, чем прибавка двух пунктов размера.
Порог в 28 px из первого правила посчитан для средней антиквы. У конкретного шрифта он свой: толстая засечка в полужирном начертании опускает порог на несколько пунктов, волосяная поднимает. Виджет считает его для каждого шрифта отдельно, и зелёным здесь загорается ровно один вариант из шести.
Три системные антиквы на одном кегле
Заголовок набран 34 px, строка под ним 22 px, показ через проектор. Меняются только шрифт и начертание.
Названия подписаны честно, но часть систем подменит шрифт своим: на Android вместо Georgia и Times обычно встаёт Noto Serif. Вывод про толщину засечек от подмены не меняется.
Одна антиква на слайд
Две антиквы рядом читаются не как выбор, а как сбой вёрстки: глаз ловит, что рисунок букв похож, но не совпадает, и тратит время на разбирательство. Рабочая пара устроена наоборот. Шрифты в ней отличаются по классу: антиква в заголовке, гротеск в тексте. Разницу должно быть видно с двух метров. Если приходится присматриваться, пары нет.
Мелкие подписи, числа в таблицах и данные на графиках всегда отдавайте гротеску: у них нет запаса по кеглю. На разборах в школе антиква чаще всего попадается не в заголовке, а именно в подписях под графиками. Человек взял шрифт из шаблона годового отчёта и растащил его по всему слайду, включая девятый кегль.
Соберите пару: заголовок и текст
Выбирайте шрифт каждой роли и читайте вердикт под слайдом.
Готовые связки шрифтов и сервисы подбора собраны в базе ресурсов, в разделе «Шрифты».
Где антиква ломается чаще всего
- Подписи под графиками и числа в таблицах набраны антиквой, и тонкие штрихи в них исчезают первыми
- Курсивная антиква в шапке слайда: у наклонных букв тонкие линии рвутся раньше прямых
- Две разные антиквы на одном слайде вместо пары «антиква плюс гротеск»
- Антиква поверх фотографии, где засечки тонут в текстуре снимка
- Заголовок прописными без разрядки: засечки соседних букв слипаются в решётку
Где шрифт подводит?
Нажмите на макет, в котором антиква поставлена не на своё место.
Почините титульный слайд
Перед вами титул доклада, который покажут через проектор в светлой переговорке. Заголовок набран тонкой антиквой мелким кеглем, сноска внизу тоже антиквой. Настройте три параметра так, чтобы все проверки стали зелёными.
Готово. Все три проверки пройдены, слайд переживёт светлую переговорку.
Слайд показан с лёгким расфокусом, как его видит зал через проектор.
Три правила антиквы
Антиква отвечает за то, как текст выглядит вблизи. За то, в каком порядке его прочитают, отвечают другие инструменты, например закон близости. Остальные термины разобраны в Учебнике.
От 28 px
На слайде антиква живёт от 28 px. Всё, что мельче, набирайте гротеском.
Тонкая только в заголовок
Чем тоньше засечки, тем крупнее нужен кегль. Полужирное начертание добавляет запас.
Одна на слайд
Вторая антиква рядом читается как сбой вёрстки, а не как замысел.
Чек-лист самопроверки слайда
Отметьте то, что выполнено на вашем слайде.
Одно правило в неделю
Подпишитесь на рассылку: каждую неделю присылаем разбор одного правила дизайна и материалы, которые можно применить сразу.
Те же разборы выходят в телеграм-канале школы. Другие термины разобраны в Учебнике.