Сетки в макете: 5 ошибок, из-за которых дизайн выглядит «дешево»

Сетки в макете: 5 ошибок, из-за которых дизайн выглядит «дешево»

Сетка — это не «много колонок», а способ удержать ритм, отступы и иерархию. Если она собрана плохо, даже сильные блоки начинают спорить друг с другом.

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

Хорошая сетка всегда отвечает на три вопроса: где начало, где продолжение и где пауза. Для этого держите один модуль отступов, выравнивайте повторяющиеся элементы по одной оси и проверяйте, чтобы в каждом экране был понятный главный объект.

Если сомневаетесь, соберите макет сначала на простой структуре: 1–2 колонки, одинаковые промежутки, один тип выравнивания. Потом усложняйте только там, где это помогает смыслу, а не ради декора.