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

Искусственно растянутая кнопка бросается в глаза:

При горизонтальном размещении то же самое. Нормально:

Туповато:

А вот когда кнопки отличаются чуть‑чуть, наоборот раздражает, что они не «подружились»:

При горизонтальном расположении это же проявляется в едва заметной асимметрии:

Тут уж лучше растянуть до одинаковой ширины:

Общего закона тут нет. Надо проанализировать разные ситуации в вашем продукте и придумать себе принципы. Может, вы просто сделаете сетку размеров, по которой ширина кнопки должна быть кратна 20 пикселям.

Не забудьте ещё об удобстве прицеливания и законе Фиттса. Обтягивающая кнопка с коротким текстом становится слишком мелкой:

Нужно предусматривать минимальную ширину

ИнтерфейсЗакон ФиттсаМодульная сетка
Отправить
Поделиться
Запинить

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