@zetproj

В каких случаях можно пренебрегать 4px сеткой?

Как правильно использовать сетку в 4px? Например кнопка, если если выравнивать всю кнопку под сетку, текст не по сетке и наоборот, если выравнивать текст по сетке, сама кнопка выходит. Как правильно и логично будет поступить?

614ca0e2b5415500840352.jpeg
  • Вопрос задан
  • 253 просмотра
Пригласить эксперта
Ответы на вопрос 4
RomanTRS
@RomanTRS
Таки все по сетке — паддинги по 16px (4*4), а ширина контента определяется динамически, в зависимости от содержимого.
Ответ написан
profesor08
@profesor08
Как правильно и логично будет поступить?

Раз и навсегда разобраться как работает текст и как он отображается в строке.
Ответ написан
@itisksey
По вертикали в таких случаях пренебрегают выравниванием для текста, чтобы кнопка согласовывалась с другими компонентами по высоте. Это важнее.
Если вопрос про горизонтальную ширину, то она обычно динамическая и не должна ложиться в сетку.
Ответ написан
Kundako
@Kundako
Просто дизайнер, интерфейсов и своей жизни.
Из того, что я вижу, line-height текст составляет 8px и вертикальный отступы 16px. Так что все хорошо, как Роман заметил, разницы никто не заметит, ели этот шрифт будет использоваться в одинаковых контекстах. Но бывают ситуации, когда нужно сочетать два разных шрифта и их отклонения могут быть достаточно серьезными. В таких случаях я делаю просто, отдельно текст добавляю во фрейм и с помощью автолояота двигаю пиксели до нужного выравнения.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы