Рассмотрим одно из самых правил в веб-дизайне по работе с отступами.
Яркий пример — композиция любой экрана, где есть: заголовок, подзаголовок и содержимое композиции.
Так как заголовок всегда связан с подзаголовком. Первый описывает основную мысль; второй — дополнительно раскрывает суть. Поэтому расстояние между заголовком и подзаголовком будет меньше, чем расстояние и между подзаголовком и содержимым или заголовком и содержимым.
В примере мы видим, что кнопка визуально находится ближе к подзаголовку, чем заголовок к подзаголовку. Это ошибка. Всегда рассматривайте композиции и выделяйте в них визуальные группы.
Формулировка правила «Внутреннее-внешнее»
Элементы, которые находятся близко друг к другу должны быть одинаковы по смыслу. И наоборот: если мы хотим разделить элементы или группу элементов по смыслу — нужно увеличить расстояние между ними.
