Все статьи
22 июля 2026 г.8 мин чтения

Типографика процентов, диапазонов и отрицательных значений

Типографика процентов, диапазонов и отрицательных значений

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

Почему числовая типографика требует особого внимания

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

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

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

Как правильно оформлять проценты

Знак процента обозначает единицу, связанную с числом, поэтому в русском наборе между числом и знаком обычно ставят пробел: 25 %. Такой интервал помогает визуально отделить значение от обозначения и сохраняет единый принцип с другими единицами: 25 кг, 25 °C, 25 руб.

Пробел перед знаком процента

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

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

Десятичные проценты и составные формулировки

Десятичный разделитель в русском тексте — запятая: 7,5 %. Если процент входит в предложение, знак не заменяет слово автоматически. Формулировка «рост составил 7,5 %» нейтральна, а «скидка до 20 %» требует проверки смысла: речь может идти о максимальном размере скидки, а не о фиксированном значении.

  • Пишите «увеличение на 15 %», когда обозначаете величину изменения.
  • Пишите «доля составила 15 %», когда называете часть от общего значения.
  • Используйте одинаковое число знаков после запятой в серии показателей.
  • Не ставьте точку после знака процента, если она не завершает предложение.
  • Проверяйте перенос строки и применяйте неразрывный пробел в важных подписях.

Диапазоны: дефис, тире и интервалы

Диапазон показывает границы величины: от меньшего значения к большему. В русском наборе для числового диапазона используют длинное тире без пробелов, если обе границы выражены числами одного типа: 10–15 страниц, 8–12 %, 2025–2026 годы. Дефис для этой функции слишком короткий и визуально воспринимается как часть слова.

Диапазоны чисел, процентов и размеров

Если единица измерения относится ко всему диапазону, её можно поставить один раз после второй границы: 10–15 кг, 120–140 пикселей, 8–12 %. Повторение единицы допустимо, когда границы имеют разные обозначения или нужно снять двусмысленность: 10 °C – 15 °C. В интерфейсе выбирайте вариант, который легче сканировать в списке.

Диапазон не следует оформлять одновременно словами и символами без необходимости. Конструкции «от 10–15 страниц» и «10 до 15 страниц» смешивают две модели. Выберите одну: «от 10 до 15 страниц» для связного текста или «10–15 страниц» для таблицы, карточки товара и краткой подписи.

Диапазоны дат и времени

Для годов и дат применяйте тот же принцип: 2024–2026, 10–18 июля. Если границы относятся к разным месяцам или годам, запись должна оставаться однозначной: 28 декабря 2025 года – 3 января 2026 года. В расписаниях полезно визуально отделять диапазон дат от диапазона времени, например «10–12 июля, 09:00–18:00».

Отрицательные значения и настоящий знак минуса

Отрицательное число начинается со знака минуса, а не с дефиса. В типографике это разные символы: минус рассчитан на математические выражения и обычно имеет другую длину, высоту и оптический баланс. Запись −8 °C выглядит профессиональнее и точнее, чем запись -8 °C, особенно в таблицах, графиках и финансовых показателях.

Минус в тексте, формулах и интерфейсах

В обычном тексте отрицательное значение пишется слитно со знаком: −12 %, −5 °C, −300 рублей. Пробел между минусом и числом не ставят, потому что знак относится к числу. Если перед значением уже есть слово «минус», символ не нужен: «температура снизилась до минус пяти градусов», а не «до минус −5 градусов».

В математическом выражении минус может быть оператором и отделяться пробелами: 8 − 3 = 5. В записи отрицательного числа он является частью значения: −3. Это различие особенно важно для дизайнеров интерфейсов, которые оформляют формулы, статистику, курсы валют или изменение показателей.

Проверьте шрифт на поддержку знака минуса U+2212. Если в гарнитуре он отсутствует или заметно отличается от цифр, система может подставить символ из другого шрифта, и строка потеряет единый ритм.

Выравнивание чисел в таблицах и интерфейсах

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

Табличные цифры и одинаковая ширина знаков

Для цен, процентов, дат и статистики полезны табличные цифры одинаковой ширины. При таком наборе цифры сохраняют одну и ту же горизонтальную позицию, поэтому значения не «прыгают» при замене 1 на 8 или 0 на 9. Если шрифт поддерживает пропорциональные и табличные цифры, режим выбирают по задаче: табличный — для колонок, пропорциональный — для короткого текста.

Знак процента, минус и тире должны быть оптически согласованы с цифрами. Слишком узкий минус теряется, слишком длинное тире разрывает диапазон, а тяжёлый знак процента перетягивает внимание. Оценивайте не только отдельные символы, но и реальные строки: «−12 %», «10–15 %», «+8,5 %».

Практические примеры оформления

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

  • Нежелательно: «Скидка 20%». Предпочтительно: «Скидка 20 %».
  • Нежелательно: «Температура -8 °C». Предпочтительно: «Температура −8 °C».
  • Нежелательно: «От 10–15 страниц». Предпочтительно: «От 10 до 15 страниц» или «10–15 страниц».
  • Нежелательно: «2025 - 2026». Предпочтительно: «2025–2026».
  • Нежелательно: «Падение -3,5%». Предпочтительно: «Падение на 3,5 %» или «Изменение: −3,5 %» — в зависимости от смысла.
  • Нежелательно: «8-12 кг». Предпочтительно: «8–12 кг».

Пошаговая проверка числовой строки

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

  1. Определите смысл знака: это процент, единица, диапазон, отрицательное значение или оператор.
  2. Замените дефис на тире в диапазонах и на настоящий минус перед отрицательными числами.
  3. Проверьте пробелы между числом и единицей измерения.
  4. Зафиксируйте единый формат десятичных знаков и разделителей.
  5. Проверьте выравнивание колонок и совпадение числовых разрядов.
  6. Откройте макет на узком экране и убедитесь, что знаки не отрываются от значений.
  7. Сравните несколько строк в выбранном шрифте и устраните оптически слишком тяжёлые символы.

Частые ошибки в типографике чисел

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

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

Третья ошибка — отсутствие системности. Если в одном экране написано «10–15 %», а в другом «10 - 15%», пользователь считывает интерфейс как небрежный. Создайте короткую редакционную памятку для команды и закрепите правила в дизайн-системе: пробелы, тире, минус, десятичный разделитель, формат дат и выравнивание.

Чеклист перед публикацией или экспортом макета

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

Часто задаваемые вопросы

Нужно ли ставить пробел перед знаком процента?

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

Какой знак использовать для диапазона 10–20?

Используйте длинное тире без пробелов: 10–20. Дефис предназначен для соединения частей слов, а тире лучше показывает границы диапазона. Если диапазон оформлен словами, используйте конструкцию «от 10 до 20».

Чем минус отличается от дефиса?

Минус обозначает отрицательное число или математическую операцию, а дефис соединяет части слова. В записи −7 знак минуса относится к числу; в слове «поезда-экспрессы» дефис соединяет элементы. Для отрицательных значений выбирайте символ минуса, если он поддерживается шрифтом.

Можно ли писать «от 10–15 страниц»?

Такую конструкцию лучше не использовать, потому что в ней смешаны словесная и символьная модели диапазона. Напишите «от 10 до 15 страниц» или сократите до «10–15 страниц». Выбор зависит от длины текста и формата: слова удобнее в предложении, тире — в таблице или карточке.

Как выравнивать цены и проценты в таблице?

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

Как выбрать шрифт для числовых значений?

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

Вывод

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

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