Модульная сетка и ее использование при расположении материала

Содержание:

1 Что такое Модульная сетка?

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

Модуль- прямоугольник с заданной выстой шириной , который лежит в основе композиции страницы(печатной или Web) , дизайнеры придумали сетку чтобы ускорить и простить , конструирование макета.

Пример 1.

2 Зачем нужна Модульная сетка ?

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

Снижение вероятности ошибок при переносе элементов с одной страницы на другую.

Помогает странице выглядеть более Эстетично за счёт того, что элементы пропорциональны и структурированы.

Помогает быстрее разобраться в макете новым участникам , так как в сетке всегда есть логика .

Адаптивный дизайн на основе сетки делать проще .

Пример 2.

Модулем может быть не только прямоугольники.

3 Типы сеток

Иерархические.

Иерархическая сетка — это интуитивно построенная сетка, которая фокусируется на пропорциях элементов в дизайне. Этот тип сетки часто используется, когда контент не стандартизированный и однообразный.

Манускрипт

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

Колоночная сетка

Колоночная сетка, бесспорно, является самым часто используемым видом сеток в веб-дизайне, потому что ширина экрана конечна, в отличие от высоты, которая может разворачиваться бесконечно, если у пользователя есть возможность скроллить. Большинство колоночных сеток, используемых в вебе, 12-колоночные, но это не должно останавливать дизайнеров и разработчиков от поиска альтернатив.

Модульная сетка

Модульная сетка состоит из наложенных друг на друга строк и колонок, которые формируют модули. Модульная сетка — самый сложный вид сеток. Его следует использовать, когда вертикальное и горизонтальное пространство одинаково важны. Этот тип сетки становится более популярным в цифровых медиа под разные устройства, которые строятся на основе «карточного» интерфейса.