Найти тему
MDA

Веб-Дизайн: модульные сетки

Оглавление

Что такое модульные сетки, для чего они нужны и какими они бывают?

Что такое сетка

Сетка, если по-простому, являет собой некую систему пропорций, которую можно гибко настраивать под тот контент, который мы хотим разместить на каком-либо холсте.
С её помощью в разы ускоряется работа по созданию структуры макета любой страницы или какого-либо другого ресурса.

Какие сетки бывают

В основном применяется два вида сеток: вертикальной разлиновки (колонки) холста и горизонтальной. Еще используют модульный вариант, где применяется и вертикальные и горизонтальные линии.

-2

Размеры и ширины линий определяются целями проекта и зависят от типа контента, которым будут наполняться страницы и форматом носителя, на котором будет размещен весь контент.

Как это работает

Любой сайт/ресурс имеет определенное количество элементов, которые выстраиваются относительно предварительно заложенной струкруре, которая в итоге составляет целостную композицию.
Все элементы так или иначе связываются между собой по смыслу либо группируются визуально по правилу
Внутреннего и внешнего.

Сетка выполняет роль путеводителя, чтобы облегчить правильную расстановку элементов относительно друг друга, их размеров и всех блоков страницы в целом, позволяя настроить её единожды и без труда придерживаться заданных границ на всех этапах разработки дизайна.

В большинстве современных графических редакторов уже присутствует встроенная функция создания и настройки сеток, для других сетки можно скачивать отдетьно и устанавливать в ручную.