+7 (423) 206-00-23

Что такое модульная сетка сайта? Примеры модульных сеток

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

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

Любой сайт состоит из модулей и дизайнер должен расположить эти модули на странице таким образом, чтобы сделать максимально удобным поиск информации на сайте.

Обычно сайт состоит из следующих модулей:

  • название;
  • логотип фирмы или сайта;
  • меню навигации;
  • основное содержание страницы.

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

У модульной сетки нет строгих ограничений по ширине, она может быть динамичной. Но чаще всего можно встретить вариант с заданными размерами. Это даст уверенность дизайнеру в том, что на различных мониторах при разных разрешениях сайт будет выглядеть одинаково.

Модульная сетка из двух колонок считается самой популярной и ориентирована она на разрешение экрана 1024х768. Следовательно, что сумма ширины всех колонок составит 900 пикселей. Это даст пользователям возможность избавиться от горизонтальной прокрутки экрана, при малом разрешении монитора.

Пример простой модульной сетки

Более сложная модульная сетка

 

 


Помогло? Делись!
Весь список терминов →