План работы на дистанционном обучении группы ДПИ-18
Предмет: «Композиция в художественной росписи»
Семестр Раздел (модуль) 2. Целостность, взаимосвязь, симметрия, модуль
Тема 5. Конструктивно-модульная симметрия в законе целостности.
Лекция
1. Модульная сетка.
Лекция
2. Классический ордер, как основа модуля.
Практика
Модуль круг. Просмотр аналогов. Выполнение упражнения: многоплановый натюрморт из простых предметов. Поиск вариантов эскиза на формате А4. Материал-бумага, гуашь.
Практика
Модульная система пропорций – необходимая типизация и унификация элементов. Просмотр аналогов. Выполнение упражнения: многоплановый натюрморт из простых предметов. Окончательный вариант эскиза на формате А2. Материал-бумага, гуашь.
Даты проведения занятий 19.03.2020, 26.03.2020
Время проведения занятия 2 пара (практика) 3 пара (практика) – 09.40-11.30
Лекционных занятий 4 часа
Практических занятий 4 часа
Самостоятельной работы 26 часов
Лекционный материал:
Модульные сетки — это универсальный инструмент для создания логотипов, акцидентных шрифтов, пиктограмм. Модульная сетка может быть положена в основу фирменного стиля, дизайна книги, журнала, сайта, презентации. Также модульное проектирование используется в архитектуре, интерьере, промышленном дизайне и т.п..
Модульная сетка в сочетании с сознательным использованием пропорций позволяет добиться взаимосвязи всех элементов композиции друг с другом и с целым. И подчинить сложную систему, какой например является фирменный стиль или книга, единым принципам, выдержать в единой логике и стилистике.
Что такое модульные сетки
Модульная сетка – это система расстояний и отступов, которые делят страницу на модули. Модульная сетка определяет, где и как будут располагаться элементы вашего дизайна: текст, изображения, кнопки и так далее.
Пример стандартной модульной сетки
Зачем нужна модульная сетка?
· Экономит время на работу с элементами страницы и шрифтами
· Облегчает поиск места для любого элемента и определения расстояний от одного элемента до другого
· Помогает быстро сделать адаптивный дизайн страницы для множества форматов
· Делает дизайн более чистым и гармоничным
Из истории вопроса
Модульными сетками люди начали пользоваться задолго до изобретения интернета. Попытки подкрепить интуитивное чувство пропорции строгими математическими расчётами характерны для всех культур и времён.
Сетки на основе золотого сечения использовались архитекторами и художниками, а после изобретения типографской машины Гуттенберга перекочевали и в сферу книгопечатания.
Например, первая типографская секция за авторством итальянского математика Луки Пачоли и Леонардо да Винчи, была составлена ими для трактата «О божественной пропорции» на основе модулей.
Модульные сетки использовались и для застройки целых городов. Например, всем известная курортная Анапа, которая была почти разрушена после великой отечественной войны, отстраивалась заново согласно строгой ортогональной сетке.
Настоящий расцвет модульных систем настал в пятидесятых-шестидесятых годах, когда их начали активно использовать для журналов и газет. Это носило не только эстетический, но и практический характер – благодаря сеткам материалы можно было стандартизировать, сэкономить место на странице и сократить время на оформление (всё это, впрочем, работает и сейчас для веб-дизайна).
В пятидесятых годах Йозеф Мюллер-Брокман и Карл Герстпер активно работали над сетками для печатных материалов, благодаря чему вывели швейцарский дизайн в авангард визуальных искусств и начали новое направление в полиграфии. Этот стиль отличает предельно строгая эстетика и системность в использовании визуальных элементов.
Пример многослойной модульной сетки Карла Герстнера
В своей книге «Модульные системы в графическом дизайне» Мюллер-Брокман сформулировал основы работы с модульными системами. Эта книга стала фундаментальной, и многое из того, что было изобретено Мюллером-Брокманом, по сей день используется в дизайне.
Какие бывают сетки
На данный момент существует множество видов сеток, мы рассмотрим основные.
Колончатая сетка, как видно из названия, делит страницу на несколько колонок. Чем больше на странице колонок – тем выше её гибкость, и это надо понимать при разработке дизайна с большим количеством элементов.
Колончато-горизонтальная сетка почти не отличается от предыдущей, но в ней присутствуют и горизонтальные линии.
Модуль – это то, что образуется на пересечении вертикальных и горизонтальных линий. Модуль служит отправной точкой для всех габаритов в вашем макете. Если вы, к примеру, выбираете размер изображения для макета, он должен быть кратен модулю. На пересечении межколоночных расстояний образуется микромодуль, и это наименьшая неделимая величина в вашем макете.
Существует и так называемая «шрифтовая» сетка. Это явление перекочевало в веб из графического дизайна и полиграфии. Шрифтовая сетка состоит из горизонтальных линий – строк (как в школьной тетради). Она пригодится, когда вы работаете с текстом и ищете оптимальный межстрочный интервал.
Красным цветом отмечен модуль, а зеленым — микромодуль
Модульные сетки используются везде
Модульные сетки – это инструмент не только для digital, но и для работы с любым визуальным материалом. При помощи сетки вы можете выстроить композицию фотокадра, журнальной страницы или букв в логотипе.
Модульная сетка помогает соблюдать правило третей при композиции кадра в кино.
Что касается айдентики, логотип Twitter также строится на основе модулей, однако, они не обычной квадратной формы, а круглые. На основе модулей выполнен и логотип Apple. Редизайн логотипа немецкого концерна Braun также сделан на основе сетки.
Как рассчитать сетку?
Высчитывать сетку самостоятельно на данный момент не имеет никакого смысла. В сети вы найдёте множество калькуляторов сеток, например:
· Gridcalculator.dk
· Grid.guide
· Modulagrid.org
В такие инструменты, как Sketch и Figma сетки уже встроены в редактор. Также есть специальные плагины для графических редакторов. Например, плагины для Adobe Photoshop и Adobe Illustrator.
Поьзуетесь ли вы уже встроенными сетками или рассчитываете отдельно – не так важно, в конце концов, это просто инструмент для вашей работы.