Школа
Вёрстка

Добрый день!

Подскажите, пожалуйста, как правильно выравнивать текст в кнопках по вертикали? Нужно ли учитывать хвостик у «Й» при выравнивании? Какие существуют правила в типографике на этот счёт?

Максим
28 ноя 2018
👁 6221  
Вёрстка

Добрый день!

Подскажите, пожалуйста, как правильно выравнивать текст в кнопках по вертикали? Нужно ли учитывать хвостик у «Й» при выравнивании? Какие существуют правила в типографике на этот счёт?

Максим
28 ноя 2018
👁 6221  
Михаил Нозик
Арт‑директор и автор курса «Типографика и вёрстка»
Полезно
 6
6
Непонятно
 2
2
Войдите в Бюросферу, чтобы голосовать

Максим!

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

У текста, набранного обычным способом, краями будут базовая линия и верх строчных букв:

Если вы будете принимать в расчёт торчащие выносные элементы, то надписи будут или «проваливаться», или «подскакивать» относительно центра кнопки. Более того, на разных кнопках текст будет стоять по‑разному. Скажем, если на одной кнопке будет написано «Сохранить», а на другой — «Написать»:

Больше о выравнивании по вертикали написал Артём Горбунов: совет о выравнивании текста в контролах.

P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.

Типографика в вебе
Полезно
 6
6
Непонятно
 2
2
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы