Масштаб для крупной типографики (намного больше 72 пикселей)

В настоящее время я делаю макет веб-сайта с несколькими крупными типографскими элементами. Для масштаба я использую тот, который предоставлен Typeplate (18, 21, 24, 36, 48, 60, 72, 90, 117), но потратив некоторое время на просмотр масштаба, который получается путем умножения 18 на различные чисел (1, 1,1667, 1,3333, 2, 2,6667, 3,3333, 4, 5, 6,5), я не смог понять, как рассчитать более крупные размеры шрифта, соответствующие масштабу.

Есть ли способ рассчитать правильный размер для шрифтов свыше 250 или есть лучший масштаб с гораздо большим диапазоном? Я не привержен масштабу, который использую в настоящее время, поэтому, если есть более визуально приятный масштаб, я был бы более чем счастлив переключиться на него, но моя главная задача — не допустить, чтобы большие шрифты нарушали гармонию веб-сайта. .

Для этого нет правил. На самом деле, я бы сказал, что Typeplate, хотя, возможно, подходит по умолчанию, в основном произволен, а именно потому, что размер шрифта сам по себе не является жестко закодированной вещью. 72 pt шрифта X может выглядеть совершенно иначе, чем 72 pt шрифта Y. Таким образом, я бы не стал слишком сильно полагаться на какую-либо математическую формулу для этого. Вместо этого идите с тем, что вам нравится.

Ответы (1)

Обратите внимание, что большая часть следующего является не чем иным, как обоснованным предположением. Я не знаю, что на самом деле мотивировало шкалу Typeplate

Если вы умножите 18 несколько раз на ∛2 ≈ 1,26, вы получите следующую последовательность, которая при округлении до «стандартных» размеров шрифта дает масштаб Typeplate с некоторыми исключениями:

  • 18,0 → 18
  • 22,7 → 21
  • 28,6 → 24 — это не к месту, 28 подошло бы лучше
  • 36,0 → 36
  • 45,4 → 48
  • 57,1 → 60
  • 72,0 → 72
  • 90,7 → 90 — нестандартный размер шрифта, насколько я понимаю
  • 114.3 → 117 — определенно не стандартный размер шрифта
  • 144,0
  • 181,4
  • 228,6
  • 288,0
  • 362,9
  • 457,2
  • 576,0
  • 725,7
  • 914,3
  • 1152.0
  • 1451,4

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

![введите здесь описание изображения

Из-за использования таких размеров шрифта красное содержимое правой части геометрически похоже на содержимое левой части — разница только в масштабе.

Вы можете сравнить это со стандартными форматами бумаги, которые вы можете перевести друг в друга при масштабировании с коэффициентом √2 ≈ 1,41.

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

введите описание изображения здесь

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

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

Масштаб для крупной типографики (намного больше 72 пикселей)
СпросиСетьПолитика конфиденциальности1y, 0v