Калькулятор модульної шкали
Розміри типографіки за базою та відношенням шкали з таблицею ступенів.
Заповніть поля, і результат автоматично зʼявиться тут.
Модульна шкала будує ряд розмірів як степені одного відношення від базового. Це дає узгоджену типографіку: розміри пов’язані між собою правилом, а не підібрані на око, і будь-який новий ступінь виводиться сам собою.
Як працює
Формула і логіка
Розмір на ступені k = B·q^k. Додатна база B та q>1 задають зростаючу шкалу. Поля вгору/вниз — цілі кількості від 0 до 20, а не знакові індекси. Нульова ступінь включена, тому всього 1+вгору+вниз значень. За від’ємного k виконується ділення на q^|k|. Таблиця показує перші 12 ступеней, а мінімум і максимум — усю задану шкалу. Довжини мають ту саму одиницю, що й база.
Приклад
База 16 з відношенням 1,25 через п’ять ступенів угору дає 48,828, а через два вниз — 10,24.
Поля й одиниці
- Базовий розмір — од. довжини
- Відношення шкали — 1
- Ступенів угору від бази — ступенів
- Ступенів униз від бази — ступенів
Як користуватися
- — Введіть додатну базу в одній обраній одиниці довжини.
- — Задайте відношення понад 1: наприклад, 1,25 дає множник 1,25 між сусідніми розмірами.
- — Задайте окремо цілі кількості ступеней вгору й униз від 0 до 20; таблиця показує перші 12.
Методика та обмеження
- Методика розрахунку
- Формула і логіка
- Обмеження
- Геометрична шкала розмірів без автоматичного вибору типографіки. Двадцять ступеней у кожен бік — межа цього інструмента; px і rem не переводяться між собою.
FAQ
Яке відношення обрати?
1,125–1,25 для стриманої шкали з великою кількістю близьких розмірів, 1,414 і 1,618 для контрастної з різкими переходами. Що більше відношення, то менше ступенів поміщається в корисний діапазон.
Навіщо взагалі шкала?
Щоб розміри були пов’язані правилом, а не підібрані на око. Тоді додавання нового рівня заголовків не потребує перепідбору всієї типографіки.
Чи треба округлювати розміри?
Округлення не потрібне для самої формули: CSS підтримує дробові px і rem. Якщо система дизайну вимагає певного кроку, округлюйте вже готові розміри послідовно; це трохи змінить точне відношення сусідніх ступеней.
Чи можна застосувати шкалу до відступів?
Так, формула однаково працює для шрифтів і відступів у спільній одиниці. Це спосіб задати правило розмірів, а не доказ того, що вибране відношення робить будь-який макет зручним.