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

Добрый день!

Вопрос про кнопки и поля ввода — должны ли они быть по высоте или ширине одинаковы? Или не должны? А если должны, то в каких случаях — да, а в каких — нет?

Игорь Старков
17 окт 2018
👁 8623   🗩2
Вёрстка

Добрый день!

Вопрос про кнопки и поля ввода — должны ли они быть по высоте или ширине одинаковы? Или не должны? А если должны, то в каких случаях — да, а в каких — нет?

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

Игорь!

Выравнивать кнопки и поля по ширине опасно. Во‑первых, такие конструкции выглядят несбалансированными, потому что яркая кнопка перевешивает лёгкое поле ввода. Во‑вторых, их легко спутать с горизонтальной переключалкой, в которой выбран правый пункт:

А вот по высоте кнопки и поля выравнивать нужно. Не случайно в гайдлайнах операционных систем высоте интерфейсных элементов уделяется много внимания.

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

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

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

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

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

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