Модульная сетка в графическом дизайне

1. МОДУЛЬНАЯ СЕТКА В ГРАФИЧЕСКОМ ДИЗАЙНЕ

2. ЧТО ТАКОЕ МОДУЛЬНАЯ СЕТКА

Модульная сетка это
система построения
визуальной
информации на
основе блоков —
модулей.

3.

МОДУЛЬ
Основой модульной
сетки является
модуль.
Модуль происходит
от латинского слова
modulus —
«маленькая мера».
Модулем может
выступать любая
мера длины,
площади или объёма
взятая за единицу
модульной сетки.

4.

Римский зодчий,
Витрувий, в I веке до
н.э. писал о
важности пропорций
при построении
целого.

5.

ИЗ ИСТОРИИ.
Стоит ли говорить о возрасте
модульной сетки? Она в
буквальном смысле стара как
мир. Мы можем видеть
пропорциональное модульное
деление в древнегреческой
архитектуре, когда за основу
брался радиус или диаметр
колонны и на основе этого
деления возводились храмы и
сооружения, некоторые из
которых сохранились и по сей
день.

6. ДЛЯ ЧЕГО НУЖНА МОДУЛЬНАЯ СЕТКА

Модульная сетка позволяет логически
структурировать информацию, облегчая
тем самым её восприятие. Правильно
построенная сетка позволяет легко
справиться с вёрсткой как
многостраничных изданий так и
небольших одностраничных рекламных
макетов.
Как правило, ясный и собранный макет
оставляет правильное, положительное
впечатление. Чёткое и законченное
композиционное изложение
информации, эстетически более логичное,
чем хаотичное. Использование модульной
сетки позволяет целиком сосредоточится
на информации.

7. ПОСТРОЕНИЕ МОДУЛЬНОЙ СЕТКИ

Модуль может быть размером в 2
квадратных метра, 3 на 3 миллиметра
или 12 на 12 пикселей. Всё зависит от
той системы измерений в которой мы
его используем.
В веб-дизайне в основном используются
модули размером 12, 16 или 24 px.
Некоторые рекомендуют брать за
основу межстрочное расстояние, что в
принципе тоже логично.
Модульные сетки могут быть абсолютно
разными. Наиболее примитивной будет
сетка состоящая из одинаковых
квадратов выстроенных вплотную.

8. МОДУЛЬНАЯ СЕТКА В ВЕБ-ДИЗАЙНЕ

Если взять практически любой известный
и популярный сайт, то можно легко
обнаружить «следы» модульной сетки.

9. ПОСТРОЕНИЕ МОДУЛЬНОЙ СЕТКИ

Более сложные модульные сетки
используют большее количество элементов.
К примеру мы берём за основу модуль Х и
получаем сетку с шагом 3Х по горизонтали и
4Х по вертикали. При этом как
вертикальные так и горизонтальные блоки
разделяются между собой модулем Х.
Это более сложная сетка, но от этого она не
менее интересна и вполне функциональна.
Сетку можно построить перед тем как
приступить к разработке дизайна, в этом
случае мы будем вписывать дизайн в
модульную сетку, либо мы можем
выровнять наш готовый дизайн по сетке.
Оба варианта будут правильны, тут нет
каких либо ограничений. Как использовать
модульную сетку решаете только вы сами.

10.

Нетрудно угадать какой вариант вам понравился, мне лично нравиться первый,
тот что слева. У него более явная и чёткая структура. Его найдут более
интересным и правильным большая часть людей. Несмотря на то что
информация содержится одна и та же, подана она по-разному, а поэтому
впечатления после увиденного остаются совершенно разные.

11. МОДУЛЬНАЯ СЕТКА В АЙДЕНТИКЕ

Использование
модульной сетки в
айдентике давно уже
стало стандартом.
Модульное построение
используют начиная с
разработки визиток и
заканчивают
разрабатывая билборды.
Использование одной и
той же модульной сетки
в различных рекламных
продуктах создаёт
ощущение целостности и
единства для всего
бренда.

12. ТИПОГРАФИЧЕСКАЯ СЕТКА В ЖУРНАЛАХ И ГАЗЕТАХ

Типографская сетка
является скорее
разновидностью
модульной сетки из-за
специфических
особенностей
типографского дела.
Журналы просто не могут
обойтись без сетки.
Чёткая и лаконичная
структура притягивает
взгляд и облегчает
чтение больших объёмов
информации.

13.

Модульная сетка не является чем-то обязательным и её
использование также дело личных предпочтений и вкусов.
Использовать её можно по-разному.
На рисунке вы видите отличный пример использования модульной
сетки и сознательное нарушение её границ, что в свою очередь
смотрится довольно интересно и заметно оживляет весь разворот.

14.

Редакторы газет
одни из первых
оценили все
прелести модульной
вёрстки и на
протяжении
длительного
времени облик
газеты
незначительно
изменился. Мы
можем взять в руки
газету вековой
давности и сравнить
её с современной, я
думаю что общие
черты не претерпели
сильных изменений.

15.

МОДУЛЬНАЯ
СЕТКА ДЛЯ
ПОСТРОЕНИЯ
ЛОГОТИПА
Товарные знаки
спроектированные при
помощи модулей
имеют широкое
распространение.

16. РАППОРТ

Абстрактная
композиция на
модульной основе,
состоящая из
одинаковых
ритмически
повторяющихся
модулей

17.

Все модули должны
стыковаться между собой,
быть хорошо пригнанными
друг к другу, иметь
элементы,
«подсказывающие»
потребителю характер
обращения с формой.
Модульность в графическом
дизайне отличается от
других его видов двойной
структурой — наличием
внешней (физической) и
внутренней (образносмысловой) формы.
Модульный принцип
формообразования
применим в предметной
среде и визуальной
коммуникации с детьми до 3
лет, так как ребенок этого
возраста воспринимает мир
в виде цельных, неделимых,
единых форм и при этом
еще не может синтезировать
информацию в больших
объемах.

18. ВЫВОДЫ

Модульная сетка
используется повсеместно.
Её значение велико, а
возможности нельзя
недооценивать.
Хотя во многих проектах
можно обойтись
банальным
выравниванием, этот
инструмент нужно отнести
к разряду обязательных в
вашем арсенале, если
хотите делать
качественный дизайн.