Что такое модульная сетка
Представьте лист в клетку, только клетки — крупные, и нарисованы они невидимыми чернилами. Каждая клетка называется модулем. Всё, что попадает на страницу — абзацы, фотографии, подписи, плашки цвета, — занимает одну, две, четыре или больше клеток и никогда не «висит» где попало.
Сетка получается так: плоскость страницы (или даже трёхмерное пространство выставочного стенда) делят на пространственные зоны. Высота клетки привязана к строкам текста — в неё помещается целое число строк. Ширина клетки равна ширине колонки набора. Между клетками оставляют небольшие промежутки — пробельные шаги: они не дают иллюстрациям слипаться и дают место для подписей.
Модуль (клетка)
Минимальный «кирпичик» макета. Самая маленькая иллюстрация на странице равна ровно одной клетке.
Пробельный шаг
Зазор между клетками: по вертикали — одна-две строки текста, по горизонтали — рассчитывается от ширины колонки.
Полоса набора
Вся «рабочая» область страницы, занятая текстом и картинками. Вокруг неё — поля.
Главное правило спокойного макета: чем меньше иллюстрации различаются по размеру, тем спокойнее и увереннее выглядит оформление. Сетка как раз и ограничивает набор размеров до разумного минимума.
Число клеток практически не ограничено, и универсальной сетки не существует: при внимательном изучении каждая задача требует своей, именно ей подходящей сетки. Об этом — весь дальнейший разговор.
Откуда взялась сетка
Модульная сетка — не изобретение компьютерной эпохи. Это итог полувека поисков порядка в типографике. Коротко пройдёмся по ключевым точкам.
Предвестники
Поэты Малларме, Рембо и Аполлинер экспериментируют с расположением текста на странице и расшатывают привычку к «раз и навсегда заданной» вёрстке.
Новая типографика
Эль Лисицкий, Курт Швиттерс, Ян Чихольд, Пауль Реннер, Мохой-Надь и другие строят оформление от функции текста. В 1928 году выходит книга Чихольда «Новая типографика» — свод правил современной функциональной вёрстки. В Германии, Голландии, России, Чехословакии и Швейцарии появляются работы со строгой композицией. Сетки в сегодняшнем смысле ещё нет, но стремление к максимальному порядку уже очевидно.
Рождение системы
В Швейцарии после Второй мировой войны выходят первые печатные издания, свёрстанные по модульной сетке: строгая концепция, единообразный макет всех страниц, функциональность.
Первое описание метода
В книге о проблемах дизайна для художника-графика впервые кратко описана модульная структура — с 28 практическими примерами применения сетки в рекламе, каталогах и выставках.
Всюду
Принципы швейцарской сетки лежат в основе вёрстки книг, журналов, сайтов и интерфейсов — колонки CSS Grid и «12-колоночные» фреймворки выросли именно отсюда.
Зачем дизайнеру сетка
Сетка — это не клетка для творчества, а инструмент, который экономит время, деньги и внимание читателя. У её применения три группы причин.
Экономическая
Задача решается быстрее и дешевле: не нужно каждый раз изобретать расположение элементов заново.
Рациональная
И одиночные работы, и целые серии получаются в одном узнаваемом стиле — так строится фирменный стиль: от визитки до вывески и транспорта.
Мировоззренческая
Ясное изложение фактов — вклад в культуру. Аккуратно организованная информация читается быстрее, лучше понимается и запоминается: это научно доказанный факт.
Что сетка даёт на практике
Объективность вместо вкусовщины
Аргументы подаются средствами визуальной коммуникации системно, а не «как захотелось».
Логичное расположение
Текст и иллюстрации выстраиваются последовательно, взгляд читателя направляется автоматически к главному.
Единый ритм
Все элементы подчиняются внутренне единой, ритмичной композиции — страница «дышит» ровно.
Доверие
Логично организованный дизайн поддерживает достоверность информации и располагает к ней читателя.
Честное предупреждение: сетка — полезный и удобный инструмент, не более, но и не менее. Сама по себе она не гарантирует удачу — нужны чувство композиции, ритма и качественный материал. А ещё — дисциплина: без разумного ограничения числа вариантов вместо порядка возникает хаос.
Форматы бумаги: ряд A
Почти вся полиграфия печатается на бумаге стандартных форматов DIN (нем. Deutsches Institut für Normung — Немецкий институт стандартизации; в России те же размеры закреплены в ГОСТ 9327-60). Дизайнеру выгодно держаться этих форматов.
Почему стандарт — это удобно: такая бумага всегда есть у поставщиков; печатные станки и резаки настроены под неё; конверты и даже почтовые тарифы согласованы с ней; готовая продукция помещается в стандартные папки и картотеки. Нестандартный формат придётся заказывать отдельно или вырезать из большего листа с потерей бумаги — производство дорожает.
Ключевой фокус ряда A: согните лист пополам — получите следующий формат того же ряда. A3, сложенный вдвое, — это A4; A4 — это два A5. Пропорции при этом сохраняются. Кликайте по клеткам на схеме:
Самый привычный офисный формат: письма, документы, распечатки.
| Формат | Размер, мм | Формат | Размер, мм |
|---|---|---|---|
| A0 | 841 × 1189 | A6 | 105 × 148 |
| A1 | 594 × 841 | A7 | 74 × 105 |
| A2 | 420 × 594 | A8 | 52 × 74 |
| A3 | 297 × 420 | A9 | 37 × 52 |
| A4 | 210 × 297 | A10 | 26 × 37 |
| A5 | 148 × 210 |
Соседние ряды B, C, D
Ряд A — основной
Исходный лист 841 × 1189 мм. Всё, что печатается «в чистом виде».
Ряд B — необрезанные
Исходный лист 1000 × 1414 мм. Форматы «с запасом» до обрезки; в папки ряда B входят конверты ряда C.
Ряды C и D — дополнительные
C (лист 9