Что такое модульная сетка?
⬜ Модуль — прямоугольник с заданной высотой и шириной, который лежит в основе композиции печатной или веб-страницы. Делить страницу на модули дизайнеры придумали в середине XX века для того, чтобы упростить и ускорить конструирование макета.
На основе модулей строится сетка — вертикальные и горизонтальные линии, разделяющие страницу на прямоугольники. Сетка определяет, как в целом будет выглядеть макет и где будут расположены отдельные элементы: заголовки, тексты, изображения.
Направляющие линии в сетке могут отсутствовать. В этом случае сами модули и образуют сетку. А ещё модулем может быть не только прямоугольник — например, круг.
Зачем нужна модульная сетка?
🔸 Сетка задает стандарт расположения элементов: это облегчает выравнивание элементов, добавление новых и поддержку страницы в дальнейшем. Сетка позволяет работать быстрее.
🔸 Снижает вероятность ошибок при переносе элементов с одной страницы на другую.
🔸 Помогает странице выглядеть более эстетично за счёт того, что элементы пропорциональны и структурированы.
🔸 Помогает быстрее разобраться в макете новым участникам, так как в сетке всегда есть логика.
🔸 Адаптивный дизайн на основе сетки делать проще.
Кроме того, если в дизайне используется сетка, то это потом помогает пользователю быстрее считывать информацию. Сетка создаёт визуальный порядок, и ориентироваться становится легче.
💫 В Тильде используется 12-колоночная сетка. 12 — удобное число, так как оно кратно 2, 3, 4, 6 и сетку легко можно преобразовать. Чтобы включить отображение сетки на странице, добавьте любой текстовый блок, например? TX01 > перейдите в «Настройки» > кликните «12-колоночная сетка».
