Разбираемся в законах композиции за 10 минут
Законы композиции пригодятся иллюстраторам, визуализаторам и дизайнерам. Чтобы узнать все самое необходимое, достаточно нашей статьи.
Любая дизайнерская работа, будь то иллюстрация, визуализация или
3D-сцена, начинается с построения композиции.
Связь между объектами
Построение композиции стоит начинать с распределения ролей задействованных объектов. Если каждый из них будет притягивать внимание в равной степени, то зритель просто растеряется и не поймет, чему посвящена картинка, и, скорее всего, посчитает ее неинтересной. Именно поэтому важно подчеркнуть главный объект визуализации и, уже отталкиваясь от него, строить композицию, пользуясь приемами привлечения внимания, о которых мы поговорим ниже.
Золотое сечение
Про принцип построения композиции на основе золотого сечения слышали даже те, кто не имеет ничего общего с миром искусства. Интересно, что он использовался еще древними египтянами при строительстве пирамид, хотя историки и спорят о том, насколько осознанно жители Древнего Египта применяли золотое сечение.
Первое упоминание принципа связывают с именем Евклида, который применил золотое сечение для построения правильного прямоугольника. В искусстве принцип получил широкое распространение начиная с Леонардо да Винчи — наверняка вы знаете его легендарный рисунок «Витрувианский человек», наглядно демонстрирующий связь этого принципа с пропорциями человеческого тела.
Пишет про дизайн в Skillbox. Работает директором по маркетинговым коммуникациям, изучает рекламную графику и 3D.
Источник
Основы композиции в дизайне
Довольно часто встречаю статьи о законах композиции, но постоянно там чего-то не хватает, то есть это либо основные принципы, либо рассказ о каком-то одном законе и так далее. Я постаралась собрать все доступные знания о композиционном построении и рассказать о них доступным языком, не углубляясь в психологию, цвето- и световосприятие.
В любом виде искусства ключевую роль играет правильное расположение элементов произведения, позволяющее наиболее точно передать идею этого произведения. То есть выделить ключевые сюжетные линии, передать необходимое настроение и соблюсти при этом гармонию. Композиция (от латинского compositio) и является соединением (сочетанием) этих элементов в единое целое.
Композиционный и геометрический центр.
Вне зависимости от того строите ли вы композицию на бумаге, через фотообъектив или на мониторе компьютера, две диагональные линии при проведении из угла в угол, дадут точку пересечения — геометрический центр композиции. Любой предмет вписанный в этот центр будет смотреться гармонично.
Композиционный центр служит для фокусировки внимания зрителя на деталях композиции. В фотографии, живописи и рисунке, как правило, выделяются сюжетно-композиционные центры. То есть, в композиционном центре находится основной сюжет произведения. Композиционный центр и геометрический центр композиции могут не совпадать. Композиционных центров в композиции может быть несколько, в то время, как геометрический центр один.
Иногда композиционный центр нарочно смещают, например, для придания композиции динамики.
Способы выделения композиционного центра.
Динамика и статика.
Слева статика, мы видим прочно стоящую композицию с надежным основанием. Справа динамика, композиция наклонена относительно линии горизонта, композиционный центр смещен.
Благодаря нашему удивительному ассоциативному мышлению, разные динамические композиции вызывают разные ассоциации. Например, мячик справа вот-вот скатится, а слева уже скатился по перекладине.
Симметрия и асимметрия в композиции. Равновесие.
С симметричной композицией, как правило, не возникает проблем, статична она или динамична, нам «удобно» на нее смотреть, она понятна. Различают несколько видов симметрии: зеркальная, осевая, вращательная (поворотная), центральная и скользящая симметрия.
В случае с асимметрией необходимо правильно уравновешивать композицию. Для большинства людей равновесие — это психологическая необходимость для правильного восприятия всего образа в целом. Равновесие может достигаться противопоставлением размеров, форм пятен цвета и тени.
Хорошая композиция не позволяет произвести какие-то добавления или, наоборот, что-нибудь убрать, так как это в свою очередь приведет к глубоким изменениям ее характера.
Метр и ритм.
В графическом дизайне существует понятие метрических и ритмических композиционных рядов, на практике этими законами композиции пользуются почти каждый мастер.
Ритм — важное средство организации элементов формы, которое реализуется как многократное закономерное чередование элементов ряда с целью их упорядочивания.
Чувство ритма — это врожденное чувство людей. Ритм легко воспринимается и воспроизводится. Первобытный человек ощущал цикличность природных явлений и жизненных процессов, их ритмы. Это оказало существенное влияние на формирование первых орнаментальных образов.
Принято выделять метрические, ритмические и метроритмические ряды в зависимости от характера и количества изменений.
Метрический ряд — закономерное повторение равных элементов через равные промежутки. Метрический ряд сообщает целому статический характер. Метрический ряд может быть простым и сложным. Простой метрический ряд основывается на повторении одного элемента через равные интервалы. Сложный метрический ряд возникает при сочетании нескольких простых метрических рядов, то есть когда развивается несколько метрических повторов.
Ритмический ряд — закономерное повторение, которое основано на изменении элементов ряда, интервалов между ними или тех и других одновременно. Поэтому выделяют также простой и сложный ритмический ряд. Ритмический ряд сообщает целому динамический характер за счет возможного характера изменений (нарастание или убывание интервалов между элементами, нарастание или убывание размеров элементов, изменение цвета и так далее). Для построения ритмического ряда необходимо 4-5 элементов, так как еще 3 элемента не создают впечатления закономерного повтора.
Метро-ретмический ряд характеризуется наличием нескольких простых рядов, которые складываются в композицию.
Перспективное сокращение.
Существует очень интересный способ составления композиции путем привязок к угловой или фронтальной перспективе. Мы рассмотрим на примерах несложных перспектив. В отличии от аксонометрии размеры предмета в перспективе не вычисляются, используют один реальный размер, который является отправной точкой.
Фронтальная перспектива рассчитана на фиксированную точку зрения и предполагающий единую точку схода на линии горизонта. Предметы уменьшаются пропорционально по мере удаления от переднего плана.
Угловая перспектива всегда имеет 2 точки схода, все плоскости стремятся к этим точкам.
Все остальное разнообразие перспектив изображения являются производными от двух основных угловой и фронтальной, к ним относятся: линейная обратная перспектива, сферическая перспектива, плафонная перспектива, билатеральная перспектива, аспектива и перцептивная перспектива. Особое место хочется уделить воздушной (тональной) перспективе. Она характеризуется исчезновением четкости и ясности очертаний предметов по мере их удаления от глаз наблюдателя. При этом дальний план характеризуется уменьшением насыщенности цвета. Цвет теряет свою яркость, контрасты светотени смягчаются, таким образом, глубина кажется более светлой, чем передний план.
Я намеренно не упоминала такой способ построения композиции, как Золотое сечение, на мой взгляд, золотое сечение — отдельная большая тема, и познакомиться с ней вкратце просто не получится. На Ярмарке Мастеров и так множество прекрасных статей о золотом сечении, например «Золотое сечение. Божественная пропорция» (автор — Даша Самаркина).
В заключении хочется добавить, что законы композиции не обязательно строго исполнять, они часто противоречат друг другу, но прежде чем их нарушать, стоит научиться ими пользоваться.
Спасибо за внимание!
От автора: все композиционые схемы и примеры (на сером фоне) отрисованы лично мной, пожалуйста при использовании этого материала не забывайте ссылаться на авторство. Спасибо.
Использованные материалы: Выразительность графических и семантических средств в орнаменте. Литвинович Е.И.;
Основы композиции в дизайне. Tanya Flower; Перспектива — Виды перспективы. Шедевры Омска.
Источник
ОСНОВЫ КОМПОЗИЦИИ | Часть №3
ОСНОВНЫЕ СРЕДСТВА КОМПОЗИЦИИ
Средствами создания художественной формы являются: симметрия, асимметрия, пропорции, ритм,
масштаб, контраст, нюанс, т.е. явления, присущие природным формам.
• Симметрия — греческое слово, означающее соразмерность. Под термином симметрия греки понимали соразмерность художественных форм и частей художественного произведения.
Установка на симметрию является одной из основополагающих установок человеческого восприятия. Симметрия как композиционный прием вызывает ощущение спокойствия, отдыха, строгости и силы. Симметричные композиции легче воспринимаются, так как симметрия – один из самых простых способов уравновесить композицию.
Симметрия является той идеей, посредством которой человек на протяжении веков пытался постичь и создать порядок, красоту и совершенство.
/Г.Вейль/
Симметрия – равентсво, тождество, схожесть.
Симметрия предполагает неизменность не только самого объекта, но и каких-либо его свойств по отношению к преобразованиям, выполненным над объектом. Неизменность тех или иных объектов может наблюдаться по отношению к разнообразным операциям – к поворотам, переносам, взаимной замене частей, отражениям и т.д. В связи с этим выделяют разные виды симметрии.
Симметрии на плоскости бывают:
• Зеркальная симметрия — основывается на равенстве двух частей фигуры, расположенных одна относительно другой как предмет и его отражение в зеркале. Воображаемая плоскость, которая делит такую фигуру пополам, называется плоскостью симметрии.
• Осевая симметрия — связана с вращательным движением и повтором элементов вокруг оси симметрии, т. е. линии, при повороте вокруг которой фигура может неоднократно совмещаться сама с собой.
• Центральная симметрия — перенос происходит через центральную точку схода. Характерной разновидностью является винтовая симметрия, которая получается в результате винтового движения точки или линии вокруг неподвижной оси.
• Винтовая симметрия — образуется вращательным спиралевидным движением точки или линии вокруг неподвижной оси. Создается в объемных композициях, но возможно и условное графическое изображение.
• Трансляционная симметрия — преобразование, при котором каждая точка фигуры (тела) перемещается в одном и том же направлении на одно и то же расстояние.
Чтобы задать преобразование параллельного переноса достаточно задать вектор, которой называется осью переноса.
• Симметрия подобия — представляет собой своеобразный аналог предыдущих симметрий с той лишь разницей, что она связана с одновременным уменьшением или увеличением подобных частей фигуры и расстояний между ними. Простейшим примером такой симметрии являются матрешки.
• Асимметрия значит отсутствие соразмерности, полное нарушение симметрии, повторяющиеся элементы отсутствуют или их нельзя совместить путём сдвигов или поворота.
• Диссимметрия – частичное нарушение симметрии. Диссимметрия хорошо воспринимается, так как, обладая структурными качествами симметрии, содержит больше свободы.
• Ритм — от греч. rhythmos — мерное течение.
Ритм – повтор элементов в определенной последовательности.
Ритм – одно из основных организующих средств композиции.
• Метр – частный случай ритма – представляет собой повторение через равный интервал одинаковых или сходных признаков.
В композициях ритм может быть явным и скрытым:
• явный ритм очевиден, если, например, поместить элементы на полосатый фон;
• скрытый ритм представляет собой сложное чередование акцентов, иногда смысловых, направлений, технических приемов.
Существует метрический и ритмический порядок.
Метр и ритм в основе своей имеют симметрию. Но ритм, к отличие от метра, строится на основе разных, но повторяющихся элементов. В отличие от метрического повтора закономерность, на которой основан ритм, выражается в постепенных количественных изменениях в ряду чередующихся элементов – в нарастании или убывании чередований, объема или площади, в сгущениях или разрежениях структуры, силы тона и т.п.
Динамический ритмический ряд можно построить следующими способами:
• увеличением или уменьшением элемента по величине при одинаковых интервалах;
• возрастанием или убыванием интервала, но при одинаковых элементах;
• одновременным возрастанием или убыванием и элементов, и интервалов.
Обязательным условием при построении ритмического ряда должно быть ясное его прочтение. Поэтому элементы или интервалы должны повторяться не менее 3-5 раз.
Ритм проявляется, таким образом, в закономерном изменении порядка. Сбой ритма, как правило, ведет к серьезным нарушениям целостности, в то время как композиционно продуманное изменение в метрическом ряду не только возможно, но подчас во многих отношениях желательно.
Существуют определенные границы в восприятии метрического ряда. Метрический ряд, составленный из минимального количества элементов — трех, воспринимается как нечто завершенное. Если добавить еще несколько элементов, то ряд из завершенного превратится в бесконечный. 3-5 повторов — еще не ряд, так как такое количество элементов можно подсознательно подсчитать. Если же количество элементов больше 6-7, то они воспринимаются как группа.
Для наилучшего восприятия ритмический ряд должен иметь начало и конец, гаситься.
Добиться этого можно при помощи акцентирования элементов, расположенных по краям метрического повтора.
Метр и ритм могут взаимно сочетаться.
• Еще один тип ритма — ритмическая амплитуда. Ритмическая амплитуда — величина колебания ритмических единиц, перпендикулярная ритмической направленности (в отличие от ритмического хода, где развитие интервалов идет вдоль ритмической направленности). В изобразительном искусстве функцию ритмической амплитуды определяет масштаб.
✔️ МАСШТАБ ПРОПОРЦИЯ
• ПРОПОРЦИИ
Пропорциональность – соразмерность частей и целого, что прослеживается при переходе от одной части формы к другой и ко всей форме в целом.
Пропорциональность — одно из ключевых средств композиции, так как размерные отношения элементов формы – это та основа, на которой строится вся композиция.
Пропорциональные отношения величин (линейных размеров, площадей, тональных отношений
и др.) могут быть основаны на равенстве частей или неравенстве (контраст).
Пропорционирование связано с понятиями соразмерности и меры. Одним из способов соизмерения целого и его частей является модуль.
Модуль (лат.) означает — мера.
Модулем может служить любая мера длины.
Классическим примером гармоничного соотношения деления пропорций является «золотое сечение», которое было основополагающим в эпоху античности. Но впервые термин «золотое сечение» был введен в обиход в эпоху Возрождения Леонардо да Винчи.
Золотое сечение – гармоническое деление отрезка на две части таким образом, что меньшая часть так относится к большей, как большая к целому отрезку: c = a + b; a : b = b : c.
Другие виды пропорциональных отношений:
— арифметическая прогрессия: 1, 3, 5, 7, 9…;
— геометрическая прогрессия: 1, 3, 9, 27, 81…;
— квадратичные отношения: 2, 4, 16, 256…;
— ряд Фибоначчи: 1, 2, 3, 5, 8… и др.
• МАСШТАБ
Масштабность – соразмерность принятому эталону. Существуют композиции, строящиеся на использовании мелкого масштаба, например, как на географических картах, и строящиеся
на крупных планах, например, фотографии макросъемки. Эффект создаваемой композиции зависит
от того, как выбранный масштаб и размер изображения соответствуют цели автора.
Важно заметить, что подсознательно эталоном для сравнения у человека является сам человек.
✔️ КОНТРАСТ НЮАНС ТОЖДЕСТВО
Взаимосвязи элементов композиции могут строиться по трем вариантам: контраст, нюанс и тождество.
Наиболее активным и выразительным является контраст.
• Контраст (фр.) — это резкое различие элементов композиции, сочетание противоположных характеристик – высокого и низкого, линий и пятен, тёмного и светлого.
Контраст является мощным средством усиления выразительности, так как противоположные характеристики подчеркивают друг друга и оттеняют. Светлое рядом с темным кажется светлее, изящное рядом с грубым кажется еще утонченнее, и т.д.
Поэтому с помощью контраста легко выделить композиционный центр. При использовании контраста необходимо соблюдать меру, так как очень сильный контраст может визуально разрушить форму.
Одномерный контраст – контраст только по одному параметру, например по форме
Многомерный контраст – контраст по нескольким параметрам сразу: например, форма и цвет.
• Нюанс (фр.) — противоположность контраста. Термин «нюанс» означает «едва заметный переход».
Нюансные отношения, сближенные по форме, тону, цвету, фактуре, объему, размеру, обогащают композицию игрой оттенков, деталей. Нюанс усиливает звучание близких по характеристике форм тем, что многократно, с небольшими изменениями их повторяет.
• Если элементы композиции сходны по форме, размерам, фактуре, пластике или другим свойствам, то в этом случае речь идет о тождестве.
Тождество – отношение полностью сходных объектов.
Используется несколько реже контраста и нюанса, так как обладает меньшими выразительными возможностями.
✔️ АКЦЕНТ ДОМИНАНТА АНАЛОГ
• Акцент — (лат. «ударение») – выделение, подчеркивание элемента, служит для выражения большей выразительности композиции. Чаще всего акцент выделяют цветом, формой (обычно малой, иначе акцент превратится в доминанту).
• Доминанта – это главный элемент композиции, которому подчиняются все остальные.
• Аналог (греч. «сходство») – уподобление (одинаковые или похожие друг на друга элементы в композиции). Аналоги придают композиции единство. Чаще всего бывают по цвету, форме, фактуре.
✔️ СТАТИКА ДИНАМИКА
• Статика – зрительное впечатление неподвижности.
Статика используется для выражения следующих смыслов: уверенность, спокойствие, остановка, «классика».
Статичные композиции могут характеризоваться симметрией, наличием четко выраженного центра и обязательно тяжестью и незыблемостью формы.
• Динамика – зрительное впечатление движения, скорости. Динамика используется для выражения смыслов: движение, энергия, сила, дерзость, порыв, «альтернатива».
Форму, активно односторонне направленную, как бы вторгающуюся в пространство, принято называть динамичной. Динамичность формы связана прежде всего с пропорциями. Равенство или нюанс отношений величин по трем координатам пространства характеризует относительную статичность формы. Контраст в отношениях создает динамику как «зрительное движение» в направлении преобладающей величины.
Статика и динамика не всегда взаимоисключают друг друга. В некоторых случаях можно говорить о внутренней динамике формы. Поэтому необходимо определить, что объективно доминирует – статичность или динамичность, так как композиция не может быть в одинаковой мере статичной и динамичной, что неизбежно ведет к утрате композиционной целостности.
✔️ ТЕКТОНИКА АТЕКТОНИКА
• Тектоника – установка на устойчивойсть. В отличие от статики, это не неподвижность. Динамичный, быстро и уверенно бегущий человек – тектоничен, так как не производит впечатления, что сейчас упадет.
• Атектоника – установка на неустойчивость. Атектоничны готические соборы, так как вся их неподвижная конструкция выражает стремление к полету.
✔️ КОМПОЗИЦИОННЫЕ ОСИ
Речь вдет не только об осях симметрии в ленточных композициях, являющихся всего лишь частным случаем композиционных осей, а в большей степени о тех направлениях развития композиции,
которые ведут взгляд зрителя, создавая впечатление движения или покоя.
Эти оси могут быть вертикальными, горизонтальными, диагональными и так называемыми перспективными. Вертикальная направленность дает торжественность, устремленность к духу, горизонтальность как бы демонстрирует зрителю неспешное движение, диагональность наиболее динамична, она подчеркивает развитие. Во взаимодействии с другими средствами композиции оси часто выступают и в комбинации между собой, образуя крестообразные, многоходовые, сложные связи.
Приемы композиции – это процесс обоснованного выбора и применения средств композиции, например: пропорционирование, ритмизация, масштабирование, контрастирование, нюансировка и т.д.
Источник
