x
 
Максим
28 ноября 2018
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Добрый день!

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


Максим!

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

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

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

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

P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.
Типографика и вёрстка — дисциплина Школы дизайнеров. Набор весной. Оставьте почту, и мы напишем вам, когда откроется следующий набор.
 

Поделиться
Отправить

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

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

Вот такой веб 2.0.

Что думаете о переносах в вебе?




Недавно всплыло

10 Как попросить клиента помочь с дебагом? 1 Давайте соберём в одном посте студии и фрилансеров, которые работают по принципам ФФФ 45 Как вы проверяете соответствие вёрстки макету 2