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

Содержание

Слайд 2

ЧТО ТАКОЕ МОДУЛЬНАЯ СЕТКА Модульная сетка это система построения визуальной информации на основе блоков — модулей.

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

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

основе блоков — модулей.
Слайд 3

Основой модульной сетки является модуль. Модуль происходит от латинского слова modulus

Основой модульной сетки является модуль. Модуль  происходит от латинского слова modulus

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

МОДУЛЬ

Слайд 4

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

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

пропорций при построении целого.
Слайд 5

Стоит ли говорить о возрасте модульной сетки? Она в буквальном смысле

Стоит ли говорить о возрасте модульной сетки? Она в буквальном смысле

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


ИЗ ИСТОРИИ.

Слайд 6

ДЛЯ ЧЕГО НУЖНА МОДУЛЬНАЯ СЕТКА Модульная сетка позволяет логически структурировать информацию,

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

Модульная сетка позволяет логически структурировать информацию, облегчая

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

ПОСТРОЕНИЕ МОДУЛЬНОЙ СЕТКИ Модуль может быть размером в 2 квадратных метра,

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

Модуль может быть размером в 2 квадратных метра, 3

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

МОДУЛЬНАЯ СЕТКА В ВЕБ-ДИЗАЙНЕ Если взять практически любой известный и популярный

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

Если взять практически любой известный и популярный сайт,

то можно легко обнаружить «следы» модульной сетки.
Слайд 9

ПОСТРОЕНИЕ МОДУЛЬНОЙ СЕТКИ Более сложные модульные сетки используют большее количество элементов.

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

Более сложные модульные сетки используют большее количество элементов. К

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

Нетрудно угадать какой вариант вам понравился, мне лично нравиться первый, тот


Нетрудно угадать какой вариант вам понравился, мне лично нравиться первый,

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

МОДУЛЬНАЯ СЕТКА В АЙДЕНТИКЕ Использование модульной сетки в айдентике давно уже

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

Использование модульной сетки в айдентике давно уже стало

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

ТИПОГРАФИЧЕСКАЯ СЕТКА В ЖУРНАЛАХ И ГАЗЕТАХ Типографская сетка является скорее разновидностью

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

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

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

Модульная сетка не является чем-то обязательным и её использование также дело

Модульная сетка не является чем-то обязательным и её использование также дело

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

Редакторы газет одни из первых оценили все прелести модульной вёрстки и

Редакторы газет одни из первых оценили все прелести модульной вёрстки и

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

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

МОДУЛЬНАЯ СЕТКА ДЛЯ ПОСТРОЕНИЯ ЛОГОТИПА

Товарные знаки спроектированные при помощи модулей имеют

широкое распространение.
Слайд 16

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

РАППОРТ

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

Слайд 17

Все модули должны стыковаться между собой, быть хорошо пригнанными друг к

Все модули должны стыковаться между собой, быть хорошо пригнанными друг к

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