Удивительно, как вроде бы простые отступы становятся большой проблемой для начинающих в дизайне. За годы проверок и наставничества могу прям с уверенностью сказать, что отступы и шрифты две самые частые трудности. А следом идет работа с цветом. ⠀ Чаще всего проблема выглядит как слишком маленькие отступы: попытка всё сблизить и порой даже какой-то страх перед пустым пространством. А именно это пространство очень сильно влияет на общее восприятие. ⠀ Правило работы с отступами достаточно простое. Берем базовую величину, например, 4 пикселя. И делаем все отступы кратно этой величине. Размеры элементов также стараемся делать кратными базе. ⠀ Контент, связанный по смыслу, нужно ставить ближе друг к другу, чем к другим элементам. Таким образом мы объединяем их в визуальные группы за счет расстояний. ⠀ Важно следить за отступами внутри элементов. Они могут различаться в зависимости от контента. ⠀ Например, расстояние от края карточки до текста внутри часто делают 12-16 пикселей, а расстояние между элементами внутри этой карточки 4-8 пикселей. Трудно вывести одно строгое правило, потому что многое зависит от конкретной задачи. ⠀ В проекте важно выстраивать систему отступов, как и систему шрифтов или цветов. То есть не плодить новые сущности, а зафиксировать несколько ключевых отступов и применять их последовательно на разных экранах. ⠀ Расстояние от заголовка до контента, между карточками или от края экрана до кнопки в идеале должно быть одинаковым во всем проекте. Иначе получится разнобой и неаккуратность. ⠀ Усилить навык работы с отступами можно только через практику и анализ. Смотрите на реальные проекты, делайте скриншоты, измеряйте расстояния, анализируйте, почему они именно такие и где повторяются. ⠀ Много изучайте хороших примеры, где есть воздух внутри элементов и между группами. ⠀ Копируйте, пробуйте делать свое и постоянно практикуйтесь.