Особенности создания модульных систем в графическом дизайне
Модульная система — это инструмент масштабирования дизайна на плоскости. Чтобы расположить визуальный контент, дизайнер делит плоскость на части по определенным правилам и канонам.
При первом подходе, кажется, что достаточно вычертить сетку и разместить в ней текст и иллюстрации, чтобы получился хороший макет. Но именно в этом кроется ключевая ошибка дизайнера.
Самый простой пример, с которым можно столкнуться в любом городе, — асфальтовые дорожки. Зачастую в погоне за симметрией архитекторы используют классические приемы — чертят прямые углы, ставят равные отступы, считая, что так эстетически красиво. Но люди, вынужденные каждый день проходить лишние метры на пересечении дорожек, вряд ли оценят эту красоту, и при первой же возможности вытопчут тропинку — в обход коварных планов архитектора.
Так же и в графическом дизайне.
Первым делом стоит оценить контент: выяснить минимальное и максимальное количество символов, узнать форматы иллюстраций. Это позволит метрически вычислить объем контента, который можно разместить на плоскости.
Модульную систему применяют для многостраничных продуктов. Она унифицирует оформление и создает визуальный стиль. Преимущество единого дизайна в целостности, которая выступает идентификатором продукта среди аналогов.
Одностраничный макет в этом смысле более гибок к изменениям модульных канонов, поскольку здесь используется известный объем контента и отсутствует необходимость в адаптации модулей для других страниц.
Зная примерные метрические размеры контента, дизайнер создает эскизы, ищет удачное расположение блоков, выстраивает логику и последовательность чтения. На следующем этапе начинается проектирование модулей и определение закономерностей в построении элементов.
Рассмотрим особенности создания модульных систем на основе опыта Йозефа Мюллера-Брокманна, Яна Чихольда, дизайн-бюро Артёма Горбунова и других товарищей.
Формат и поля. В основе листа лежит прямоугольник.
Если три поля одного размера — макет получается вялым.
1. Удобная для чтения ширина полосы — 10 слов.
2. Ширина полосы набора определяется кеглем основного текста. Шрифт 8 кегля требует узкой полосы. Шрифт 20-го кегля — широкой. При их комбинации выбирается ширина, подходящая для шрифта 8 кегля, которым набран основной текст.
3. Интерлиньяж должен быть такой, чтобы соседние строчки не слипались.
4. Поля на странице должны быть функциональными: полосы набора не прилипают к верху или низу страницы, по бокам есть широкое поле для корешка и короткое поле для обреза.
5. Если три поля одного размера — макет получается вялым.
6. Колонцифры должны выравниваться с учетом линии строки.
7. Нельзя смешивать шрифты одного стиля: Гельветику с Универсом, Гарамон с Бодони.
8. Кегли должны четко различаться по величине. Напр., 9 и 6 кегли создают явное различие. Тоже самое и по жирности.
Однако гармония правого края текста его тоже очень заботила. Какому типографу не известны муки «прокрустова ложа»? В таких случаях он поступал довольно экстравагантно для печатной книги — сжимал последнюю часть слова, как в манускриптах, избегая неудачного переноса строки. ДЛя этой цели был изготовлен дополнительный 10-й кегль. ¶ На этом фоне появление в тексте & вместо союза and и применение знака ¶, как и бумага ручного литья с водяными знаками, выглядят само собой разумеющимися явлениями. В итоге все этим детали создают образ «метаренессансной» полосы набора, и, как следствие, неповторимый облик новой книги.