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

Хотелось бы услышать ваше мнение относительно выравнивания текста в контролах

Лет шесть назад один арт‑директор научил меня выравнивать строки в инпутах/табах/кнопках/любых контролах и элементах интерфейсов по вертикали таким образом: необходимо центрировать строку относительно строчных букв. Таким образом по массе строка будет располагаться в центре объекта.

Объяснение логичное, и я взял его за правило.

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

Хотелось бы услышать ваше мнение относительно выравнивания текста в контролах. Спасибо.

Игорь Г.
26 янв 2014
👁 11077   🗩4
Вёрстка

Хотелось бы услышать ваше мнение относительно выравнивания текста в контролах

Лет шесть назад один арт‑директор научил меня выравнивать строки в инпутах/табах/кнопках/любых контролах и элементах интерфейсов по вертикали таким образом: необходимо центрировать строку относительно строчных букв. Таким образом по массе строка будет располагаться в центре объекта.

Объяснение логичное, и я взял его за правило.

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

Хотелось бы услышать ваше мнение относительно выравнивания текста в контролах. Спасибо.

Игорь Г.
26 янв 2014
👁 11077   🗩4
А. Г.
Арт‑директор и автор учебных программ бюро
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Ваш арт‑директор был прав, что «горизонтальным стеблем» строки служат строчные буквы, и при компоновке отдельных текстовых блоков, как правило, можно пренебречь растущими вверх и вниз «листьями» — прописными буквами и выносными элементами. «Стебель» ограничен снизу базовой линией, сверху — высотой строчных букв, не имеющих выносных элементов, например х или п. Верхнюю линию так и называют — линия строчных или высота строчных, по‑английски — x‑height.

В зависимости от задачи «стебли» выравниваются по верхней, средней или нижней линии:

Конечно, ни один из этих способов нельзя считать универсальным.

Пренебрегать прописными и выносными элементами не всегда правильно. Чем ближе масштаб к отдельным словам и строкам, тем больше нюансов. Идеальные законы перестают действовать, как в физике:

Если элемент вёрстки имеет масштаб слова, он должен принимать во внимание его анатомию. Обратите внимание, как автограф занимает отведённое ему место в прямоугольнике на заставке «Везер‑ченела»:

Строки в полях Скайпа стоят низковато. Но слова, выровненные по вашему рецепту без учёта выносных и прописных, встанут слишком высоко:

На мой вкус:

Поле ввода — однострочный элемент управления, то есть легко становится в текстовую строку:

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

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

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

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