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

Сетки бывают разных форм. Рукописная сетка делит страницу на один столбец текста с широкими полями. Она используется в книгах и длинных документах. Колоночная сетка использует несколько столбцов для гибкой компоновки. Газеты и журналы используют колоночные сетки. Модульная сетка объединяет столбцы и строки в матрицу модулей. Она обеспечивает максимальную гибкость для сложных макетов. Иерархическая сетка организует контент по важности, с различными зонами для разных типов контента. Каждая сетка служит своей цели. Выбор зависит от контента и носителя. Сетка — это не ограничение, а инструмент. Нарушение сетки привлекает внимание. Изображение, занимающее всю страницу и игнорирующее поля, создает эффект. Заголовок, занимающий несколько столбцов, сигнализирует о важности. Дизайнер использует сетку и нарушает ее намеренно. Нарушение без причины выглядит как ошибка. Сетка — это правило, которое делает ее нарушение осмысленным.

Типы сеток

• Рукопись — одноколоночная, классическая книжная верстка.
• Столбцовая структура — несколько столбцов для гибкой компоновки.
• Модульная структура — столбцы и строки образуют матрицу.
• Иерархическая структура — зоны, организованные по важности контента.
• Базовая линия — горизонтальные линии для вертикального ритма

Сетка — это система. Она вносит порядок в сложные процессы. Без неё планировка — это гадание на кофейной гуще.