Как следует обрабатывать восходящие и нисходящие элементы, которые делят одно и то же пространство?

Так что обычно у вас есть несколько вариантов.

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

Решения делятся на две основные категории: все вместе избегать этой ситуации или решать ее лоб в лоб. Мы начнем с некоторых способов избежать этого.

Вариант 1: преобразовать в прописные

Этот избегает ситуации. Тем не менее, вы, вероятно, привязаны к своему нижнему регистру.

(Кстати, в этих примерах используется Franklin Gothic, потому что у меня не установлен Roboto).

Вариант 2: переставить разрывы строк

В этом случае я преобразовал в 2 строки, но иногда вы можете переставить разрывы строк другими способами.

Наличие всего двух строк — еще один способ избежать проблемы — не с чем сравнивать.

Вариант 3: отрегулируйте интервал вручную, пока он не будет выглядеть «визуально правильно».

Здесь я значительно уменьшил разрыв между строками 1 и 2, чтобы он выглядел «более ровным». Вы не можете использовать формулу для этого, только ваши глаза.

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

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

Бонусная опция: сдвигайте слова так, чтобы восходящие и нисходящие элементы не перекрывались.

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

Кстати, я думаю, что использование вами символа решетки # выглядит неправильным, и вам лучше выбрать No. или ^No - но это мое личное мнение.

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

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

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

С другой стороны, увеличение интерлиньяжа может снизить темп читателя (2) . Добавляя больше места между каждой строкой, вы замедляете темп чтения, уменьшая количество букв, которые бросаются в глаза. Это может вызвать у читателя ощущение расслабленности в тексте. Однако будьте осторожны с количеством пробелов, которые вы оставляете, так как слишком большой интерлиньяж может привести к проблемам с непрерывностью причин (3) , так как глаза читателя должны перемещаться дальше между каждой строкой.

Лучше всего для улучшения читабельности текста сделать что-то с последовательным интерлиньяжем, например:

Лично я не возражаю против того, чтобы восходящие и нисходящие объекты жили в одной зоне, поскольку они не сталкиваются. Это визуально делает пространство между первыми двумя строками больше, чем пространство между вторыми двумя, поэтому вы можете рассмотреть возможность удаления базовой линии первой строки (здесь требуется некоторая субъективность) >

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