Модульные сетки в веб дизайне – это условный каркас проекта, позволяющий создать композицию и ритм сайта. Пример использования сеток вы можете посмотреть на сайте 960.gs. Прокрутите сайт до примеров проектов, нажмите кнопку “Show grid” (показать сетку) и вы увидите, как по ней “легли” все фотографии и тексты.

Для чего нужны модульные сетки в веб дизайне?
Модульные сетки в веб дизайне, позволяют упорядочить и структурировано расположить весь объем вашей информации. Таким образом, используя их, мы можем из хаоса и груды информации создать порядок.
Ярким примером хаотичного размещения информации является фейковый сайт avos.me, на котором все элементы носят ситуативный характер, т.е. расположены не по каким-то правилам и не в определенной последовательности, а как попало. Такой продукт не может вызывать доверие со стороны пользователя, т.к. не может качественно донести до него всю суть.
Представьте, что вы столкнетесь с похожим хаосом и беспорядком в интернет-магазине. Каковы будут ваши действия? Скорее всего вы закроете сайт и забудете о нем, потому что он не сможет решить ваши задачи.

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

Имея пространство для работы и информацию, сетки позволяют нам, во-первых, ускорить процесс создания композиции, а, во-вторых, создать несколько вариантов композиций. Ведь согласитесь, что в голове довольно сложно сгенерировать за короткое время несколько уникальных вариантов размещения, не имея некоего каркаса и хотя бы примерных границ.
С развитием веб дизайна появилось необходимость оформлять информацию не в статичном, а в динамичном виде и интерактивной среде. Именно с этих пор стали развиваться различные инструменты по работе со сложными элементами, к примеру, с видеорядами, набором фотографий в портфолио, инфо графикой и т.д. А так как структура стала сложнее, а информация объемнее, то модульные сетки нам очень сильно помогают в наведении порядка на сайте.

В другой раз мы рассмотрим виды модульных сеток. Подписывайся, а то все пропустишь! :)