Модульная сетка. Современные компьютерные дизайн-программы

Содержание

Слайд 2

Системы измерения

Англо-американская система измерений
Английский дюйм (inch, in) = 25,4 мм Поинт в DTP (point, pt) = 1/72 in =

Системы измерения Англо-американская система измерений Английский дюйм (inch, in) = 25,4 мм
0,3528 мм Поинт Фурнье (ptf) = 1/72,27 in = 0.3515 мм Пика, пайка (pica, pc) = 1/6 in = 4,2336 мм Твип, twip [TWenty In Point] (tw) = 1/1440 in = 0,01764 мм
Метрические единицы
Метр (м) = 1/40000000 парижского меридиана = 1000 мм Сантиметр (см) = 1/100 м = 10 мм Миллиметр (мм) = 1/1000 м

В полиграфии используются  метрическая и полиграфическая системы измерений.
Типографская система измерений (система Фирмена Дидо)
Французский дюйм (д) = 27,077 мм Пункт (п) = 1/72 д = 0,376065 мм Цицеро (ц) = 12 п = 1/6 д = 4,51278 мм Квадрат (кв) = 4 ц = 48 п = 18,05112 мм

Слайд 3

Макет публикации определяет конструкцию будущего издания.
Макет публикации задаёт все: от организации

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

Слайд 6

Выбор модуля

Перед разработкой модульной сетки дизайнер разбирается с материалом, с задачами, с

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

Слайд 7

Построение модульной сетки

В зависимости от вида деятельности следует выделить основные структурные элементы.

Построение модульной сетки В зависимости от вида деятельности следует выделить основные структурные
Часто размер модуля определяется одним из этих элементов, например логотипом, позицией меню на сайте и т.д. В верстке минимальный размер определяется удобочитаемым в конкретной ситуации кеглем.
Объединение модулей может осуществляться практически в любом удобном формате.

Слайд 8

Типографические модульные сетки

Европейский прямоугольник
Этот прямоугольник обеспечивает основу европейского бумажного стандарта серии А,

Типографические модульные сетки Европейский прямоугольник Этот прямоугольник обеспечивает основу европейского бумажного стандарта
соответствующего стандартам ISO.
Имеет следующее отношение сторон: один к квадратному корню из двух (1:1,414). Каждая половина листа всегда будет сохранять свои пропорции постоянными, независимо от того, сколько раз размер листа делится пополам.

Слайд 9

Золотой прямоугольник

Используется при разработке модульных сеток. Дано: прямоугольный треугольник АВС. АВ = 2ВС.
АЕ

Золотой прямоугольник Используется при разработке модульных сеток. Дано: прямоугольный треугольник АВС. АВ
- короткая сторона золотого прямоугольника, АВ - длинная его сторона.
Соотношение сторон 1:1,618.

Слайд 10

Японский квадрат

Японский квадрат формирует ассимметричную конструкцию, соединяя вместе два квадрата. Квадрат также

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

Слайд 11

Вариант построения сетки

Прежде всего мы определим область для сетки на страницах. Область, где будет

Вариант построения сетки Прежде всего мы определим область для сетки на страницах.
располагаться текст или иное содержимое.

Слайд 12

Применяем золотое сечение

Применяем золотое сечение

Слайд 13

Создаём сетку. У нас есть колонки, в которые мы хотим «вживить» сетку, чтобы потом располагать

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

Слайд 14

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

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

Слайд 15

Используя эти дополнительные строки, мы можем создавать произвольные области, наполняя книгу. Дополнительные «пустоты»

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