ДизайнDesignСоветыTypography

Про выравнивание маркеров списка и других штук

Бывает, что относительно высоты текста нужно выровнять какую-нибудь небольшую графическую фиговину.

Когда мы добавляем графический элементик сбоку от текста, то он визуально «прилипает» к самой ближней букве. Таким образом, выравнивать элемент приходится относительно только этой буквы.

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

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

В первых 3-х вариантах у буквы «т» всё хорошо, техническая высота соответствует визуальной. У буквы «Д» нижние выносные элементы почти не имеют визуального веса, поэтому при выравнивании по высоте их можно почти не учитывать.

Бонус для дочитавших ♥

Каждый из вас, кто подпишется на меня в Инстаграм и напишет в директ, что хочет получить «Атлас дизайна» — получит от меня PDF, в котором я поделюсь морем полезных материалов и советов.

  • Ссылки на ресурсы для поиска референсов и вдохновения;
  • Избранные ресурсы с полезными статьями, заметками и мыслями, которые я сам читаю;
  • Советы и рекомендации лично от меня, как практиковаться в дизайне, где эту практику находить и как сделать её максимально эффективной;
  • Фишки, которые позволяют мне быть востребованным дизайнером на фрилансе, выполнять проекты в срок, уметь в веб-дизайн, граф-дизайн, соцсети, полиграфию и бренд-дизайн;
  • Что мне помогает продвигаться, искать клиентов и закрывать сделки, повышая ценник.

Получить «Атлас-дизайна»

Спасибо за прочтение, но и ты вырази благодарность :)

Чтобы выразить её, подпишись на мои Инст и Телеграм-канал, для меня это очень важно ♥

Дополнительно, если интересно:

Обещаю, твою поддержку я не забуду ♥

ККоляс Иванов