Яке правило висоти лінії?
Чим менший тип, тим щедрішим ми повинні бути зі значеннями висоти рядка. Якщо текст має великий розмір, відстань між рядками не повинна бути занадто великою. Фактично, для типу дисплея висота рядка, менша за розмір шрифту, зазвичай виглядатиме краще. Розглянемо тип 72px із висотою лінії від 90% до 100%.
Це просто. Значення висоти рядка формується з розміру шрифту. Я просто помножте висоту шрифту на число в діапазоні від 1,2 до 1,6 щоб отримати робочу висоту рядка для даного розміру тексту. Це просте правило завжди допомагає.
Хоча ідеальної висоти лінії не існує, хорошим емпіричним правилом є її встановлення приблизно 150% від розміру шрифту. Зверху: коли висота рядка занадто вузька, це підриває горизонтальний потік читання та збільшує подвоєння. Знизу: коли висота рядка занадто вільна, рядки тексту візуально відпливають один від одного.
Висота рядка – це вертикальна відстань між двома рядками типу, вимірюється від базової лінії одного рядка шрифту до базової лінії наступного. Традиційно для металевого шрифту це було комбіноване вимірювання розміру шрифту та свинцевих смужок, які вставлялися між кожним рядком (так званим «лінійним») шрифту.
(Висота рядка — це висота шрифту плюс пробіл між рядками тексту — це в основному визначає, наскільки щільно розташовані рядки тексту в абзаці.) Наприклад, якщо у вас був розмір шрифту 16 пікселів для основної копії, висота рядка може бути 16 φ = 16 x 1,618 = 25,88 або, знову ж таки, приблизно 26 пікселів.
Встановлення висоти лінії Встановлення висоти лінії 150% у дизайнерській програмі збільшує розмір шрифту на 1,5. Точне значення, яке ми маємо використовувати для висоти лінії, залежить від низки факторів, які ми дослідимо в цій статті.