Модульность

Модульность — это второе очень важное правило вёрстки — гласит, что в вёрстке любой макет, который вы делаете, должен быть поделён на прямоугольники. Очень часто, когда говоришь слово «модульность», все думают, что это какая‑то модульная сетка и что‑то такое:

Но, пожалуйста, не путайте модульность. Это именно про деление на прямоугольники, а сетка — это другое. И иногда дизайнеры начинают заморачиваться с сеткой, придумывают штуки вроде этого сайта, посвящённого сеткам. И кто‑то здесь не только нарезал сайт на колонки, но ещё разделил на строки, как любили делать швейцарские типографы в 20 веке. Но в вебе это не работает, потому что контент динамический, страницы тянутся, и они ничего из этого не соблюдают. Видно, как клочки текста из этой сетки выскакивают. Слава богу, на базовые линии эти красные штуки попадают.

А модульная вёрстка — это деление на прямоугольники. Давайте посмотрим несколько примеров.

Вот перед нами полоса журнала:

И посмотрите, как она хорошо и явно разделена на прямоугольники. Это всё очень хорошо воспринимать. У нас не возникает ощущения, что здесь как‑то непонятно, как это всё читать. Помните, я начинал с того, что мы выровненные объекты воспринимаем связно. Правило модульности именно об этом. Надо разрезать вёрстку на прямоугольники и следить за тем, чтобы связанные вещи были как‑то друг с другом соотнесены, а несвязанные как раз соотнесены не были.