Слои в Zero Block: 5 ошибок, из-за которых макет ломается при сборке

Слои в Zero Block: 5 ошибок, из-за которых макет ломается при сборке

Слой — это не просто объект на холсте. В Zero Block он отвечает за порядок, перекрытие и поведение элементов при адаптации.

• Ставят всё в один уровень. В итоге текст перекрывает кнопку, а иконка уезжает под фон.
• Делают слишком много вложенности. Чем больше групп и подслоёв, тем сложнее править и адаптировать.
• Смешивают декоративные и функциональные элементы. Фон, тень, текст и CTA должны быть разделены.
• Не проверяют порядок слоёв в мобильной версии. На десктопе всё нормально, а на узком экране важный блок оказывается ниже лишнего декора.

Хорошая схема такая: фон — отдельный слой, контент — отдельный, декоративные детали — отдельно. Тогда проще двигать блок, менять отступы и не ловить случайные наложения. Если нужен сложный эффект, сначала собери композицию из простых слоёв, а потом уже добавляй анимацию.

Перед публикацией открой список слоёв и пройдись по нему сверху вниз: всё ли можно быстро понять без чтения дизайна? Если да — макет собран правильно.