Модуль. Модульная Сетка

Слайд 2

ОБЩЕЕ ПОНЯТИЕ

Модуль — прямоугольник с заданной высотой и шириной, который лежит

ОБЩЕЕ ПОНЯТИЕ Модуль — прямоугольник с заданной высотой и шириной, который лежит
в основе композиции страницы (печатной или веб). Делить страницу на модули дизайнеры придумали в середине XX века для того, чтобы упростить и ускорить конструирование макета.

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

Слайд 3

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

Пример модульной сетки, которая содержит 4 колонки и 4 ряда. Изображение или
текстовый блок могут занимать один или более модулей.

Слайд 4

Зачем нужна модульная сетка?

Сетка задает стандарт расположения элементов: это облегчает выравнивание элементов,

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

Слайд 5

Помогает быстрее разобраться в макете новым участникам, так как в сетке всегда

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

Слайд 6

Шрифтовая сетка

Шрифтовая сетка — горизонтальные линии, которые задают вертикальный ритм. Расстояние

Шрифтовая сетка Шрифтовая сетка — горизонтальные линии, которые задают вертикальный ритм. Расстояние
между линиями равно межстрочному расстоянию базового шрифта.
Например, вы планируете для основного текста использовать шрифт размером 20px, то межстрочное расстояние и, соответственно, расстояние между линиями будет 30px.

Слайд 8

ВЫВОД

Модуль помогает упорядочить большое количество сущностей, привести их к той

ВЫВОД Модуль помогает упорядочить большое количество сущностей, привести их к той или
или иной зависимости. Она помогает выстроить структуру и связь элементов за счет повторяющегося подобия.
Модульная структура помогает скорее зрителю, нежели дизайнеру. Созданные правила положительно влияют на удобочитаемость и последовательность восприятия.
При достаточной квалификации редактора и журналистов модульная сетка может облегчить труд верстальщика, ведь наиболее распространенная проблема (слишком длинный или слишком короткий материал) легко решается на стадии разметки полосы.
Имя файла: Модуль.-Модульная-Сетка.pptx
Количество просмотров: 83
Количество скачиваний: 0