Шрифты для графиков: как подписывать оси, легенды и значения

Дата актуальности: 22 июля 2026 года. Шрифт для графика выбирают не по декоративности, а по читаемости, иерархии и устойчивости к уменьшению. Для осей подходят нейтральные гарнитуры с ясными цифрами, для легенды — компактное начертание, а для значений — размер и контраст, которые позволяют быстро сравнивать данные. Ниже — правила, примеры и чеклист.

График воспринимается как единая система: визуальные линии и столбцы показывают отношения между данными, а текст объясняет, что именно измеряется. Если подписи осей мелкие, цифры похожи друг на друга, а легенда конкурирует с заголовком, читателю приходится расшифровывать оформление вместо анализа. Хорошая типографика сокращает количество таких визуальных препятствий.

Шрифт для диаграммы должен сохранять форму букв и цифр в разных условиях: на экране ноутбука, смартфона, презентационном экране и бумаге. Особенно важны различия между похожими символами: 0 и O, 1 и l, 5 и S, кириллическими «С» и «О». Чем сложнее данные и меньше размер графика, тем меньше оправдано экспериментальное оформление.

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

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

Подписи осей должны объяснять шкалу без дополнительного поиска. На вертикальной оси указывают значения и, при необходимости, единицу измерения; на горизонтальной — категории, даты или временные интервалы. Название показателя лучше вынести в отдельную подпись оси или заголовок, но не повторять его в каждом делении шкалы.

Для делений оси используйте обычное начертание или умеренно усиленное Regular, чтобы текст оставался вторичным по отношению к данным. Заголовок оси можно выделить Medium, если он действительно помогает понять график. Не превращайте все подписи в жирные: одинаковая насыщенность у шкалы, заголовка и значений стирает визуальную иерархию.

Ориентация текста тоже влияет на скорость чтения. Горизонтальные категории обычно распознаются быстрее, поэтому длинные подписи лучше переносить на две строки, сокращать по понятному правилу или показывать горизонтально. Поворот текста на 90 градусов допустим для тесных шкал, но он увеличивает усилие чтения и не должен быть первым решением.

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

Интерлиньяж особенно важен для двухстрочных названий категорий. Слишком плотные строки сливаются, слишком большой интервал визуально отделяет подпись от ее деления. Оставляйте заметный зазор между текстом и линией оси, а между соседними подписями — достаточно воздуха, чтобы они не воспринимались как одна длинная строка.

Легенда связывает цвет, линию или маркер с названием серии данных. Ее шрифт должен быть сопоставим с подписями осей, но не обязательно идентичен им по насыщенности. Если легенда содержит много элементов, важнее компактность и единообразие: одинаковая длина образцов, стабильные отступы и короткие названия серий повышают скорость сопоставления.

Размещайте легенду рядом с областью графика, если это не нарушает композицию. При небольшом числе серий часто удобнее подписать линии непосредственно на поле диаграммы и убрать отдельную легенду. Такой прием сокращает перемещение взгляда между графиком и пояснениями, но требует свободного пространства и достаточного контраста между подписями.

Названия серий должны быть конкретными. Формулировки «Показатель 1» и «Показатель 2» не помогают интерпретации, тогда как «Новые пользователи» и «Повторные посещения» сразу задают смысл. Не полагайтесь только на цвет: используйте разные типы линий, маркеры или текстовые подписи, чтобы график оставался понятным при печати без цвета.

Числовые значения на графике нужны тогда, когда точное число важнее приблизительного сравнения по длине столбца или положению точки. Для них выбирайте начертание с хорошо различимыми цифрами и не перегружайте подписи лишними знаками после запятой. Форматируйте числа единообразно: одинаковые разделители, проценты, валютные обозначения и правила округления.

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

Расположение значения должно однозначно связывать его с объектом. Подпись внутри столбца подходит при достаточном свободном месте и контрастном фоне; над столбцом она лучше читается, но может столкнуться с соседними значениями. Для линейного графика не ставьте цифры на каждую точку, если это создает плотный слой текста: выделите начало, конец или ключевые отклонения.

Типографическая иерархия помогает пройти график в правильном порядке: сначала заголовок и главный вывод, затем область данных, потом шкалы и пояснения. Обычно заголовок получает самый заметный размер, ключевое значение — усиленное начертание или акцентный цвет, а вспомогательные подписи остаются спокойными. Иерархия должна быть последовательной во всех графиках одного документа.

Один график — одна главная мысль. Если нужно показать рост, выделите направление и конечное значение; если нужно сравнить категории, сделайте названия категорий и шкалу легко сканируемыми. Не используйте крупный жирный шрифт одновременно для всех чисел, подписей и легенды: визуальный акцент перестает работать, когда акцентировано всё.

Пример 1: столбчатая диаграмма показывает количество заявок по месяцам. На горизонтальной оси можно оставить короткие названия месяцев, на вертикальной — целые значения и подпись «Количество заявок, шт.». Заголовок формулирует вывод, например «Заявок стало больше во второй половине года», а числовые значения оставляют только над столбцами, где они помогают точному сравнению.

Пример 2: линейный график сравнивает два канала привлечения. Вместо длинной легенды внизу можно разместить названия серий у последних точек линий. Для оси времени используйте одинаковый формат дат, а для значений — единый формат процентов. Разные начертания линий или маркеры сохранят различие серий даже в черно-белой печати.

Пример 3: круговая диаграмма показывает структуру расходов. Здесь длинная легенда быстро перегружает композицию, поэтому названия категорий стоит сократить, а доли округлить до понятного формата. Если категорий много или значения близки, лучше выбрать столбчатую диаграмму: ее оси и подписи дают более точное сравнение, чем небольшие сектора.

Отдельная ошибка — смешение разных гарнитур без функциональной задачи. Например, декоративный шрифт в заголовке и нейтральный гротеск в подписях могут работать, если контраст ролей очевиден. Но несколько конкурирующих гарнитур в легенде, шкале и значениях делают график фрагментарным. Для серии диаграмм надежнее использовать одно семейство с несколькими начертаниями.

Начинайте с текстовой структуры, а не с декоративных эффектов. Сначала определите заголовок, единицу анализа, категории, серии и главный вывод. Затем назначьте роли для шрифта: заголовок, подписи осей, легенда, значения и вспомогательные комментарии. После этого настройте размеры, насыщенность, цвет и интервалы, сохраняя одну систему на всех визуализациях.

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

Перед экспортом проверьте встраивание шрифта или замену гарнитуры в целевом формате. Файл, открытый на другом устройстве, может подменить отсутствующий шрифт и изменить ширину подписей. Такая замена приводит к переносам, наложениям и обрезанным названиям. Финальную версию нужно просмотреть именно там, где график будут читать: в браузере, PDF, презентации или печати.

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

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

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

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

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

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

Универсального размера нет: он зависит от ширины графика, расстояния чтения и устройства. Практический подход — начать с комфортного размера для подписей, затем проверить уменьшенную версию на смартфоне и в просмотре страницы целиком. Если текст приходится сильно уменьшать, упростите подписи или увеличьте площадь диаграммы.

Шрифт для графика должен незаметно помогать анализу: различать цифры, выстраивать иерархию и связывать подписи с данными. Выбирайте читаемую кириллическую гарнитуру, ограничивайте число начертаний, проверяйте график в конечном размере и не заменяйте ясную структуру декоративными эффектами. Если нужен собственный характер оформления, создайте шрифт на fontgenerator.ru и используйте его последовательно в визуализациях бренда.