Правила хорошей композиции в изобразительном искусстве и дизайне

Визуальная иерархия

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

Правила композиции

Числа Фибоначчи

Числа Фибоначчи - это последовательность чисел, в которой, начиная с 0 и 1, каждое последующее число равно сумме двух предыдущих чисел (0, 1, 1, 2, 3, 5, 8, 13, 21, 34, и т.д.).

Эта математическая последовательность часто используется в компьютерных системах, а также часто встречается в природе, начиная от принципа разветвления дерева и заканчивая ростом цветов, человеческими пропорциями и так далее.

По совпадению, это последовательность Фибоначчи подтверждается абсолютно другим правилом, встречающимся в природе -«Золотым сечением».

Золотое сечение

«Золотое сечение» - особое соотношение, полученное делением линии на две части, где отношение большей части на меньшую часть равно отношению полной линии на большую часть».

Результатом этого определения является число Ф=1,681, которое используется в природе при делении или умножении органического материала.

Правило нечетных чисел

Поскольку 3 - магическое число… Также существует и правило нечетных чисел, связанных с правилом третей.

Это неписаное правило, однако считается, что нечетное количество объектов более привлекательное, чем четное. Если у вас более одного объекта на изображении, советуется выбрать композицию с как минимум тремя элементами, и обычно советуется именно три, поскольку при пяти, семи и более может сложится «визуальный беспорядок».

Правило третей

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

Срединная линия

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

Типы структур в композиции

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

С одной точкой фокуса

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

Выше представлена структура с одной точкой фокуса легендарного Франка Фразетты. Она находится на срединной линии композиции; наше внимание тут же притягивают глаза, которые находятся на вертикальной срединной линии. Глаза лошади находятся на горизонтальной срединной линии, возможно, чтобы сохранить немного внимания.

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

Другой пример структуры с одной точкой фокуса — на картине Дейва Рапозы, который, судя по всему, также использует композицию по срединной линии. И снова, взгляд следует по вертикальной срединной линии, в ней есть что-то особое! Совпадение ли, что рука также располагается на срединной линии?

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

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

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

Несмотря на то, что это композиция по срединной линии, можно также заметить и правило третей, влияющее на композицию, лицо расположено чуть ниже 2/3 верхней части от середины.

С множественными точками фокуса

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

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

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

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

В конечном счете, у нас есть третья главная точка фокуса, мужчина, который стоит за леди. И, тем самым, наш взгляд перемещается между этими тремя точками фокуса и сигаретой. Вы заметили, что дым также играет роль в соединении этих точек фокуса? Это только один из способов, который художник использовал, чтобы добавить визуального интереса к своей картине, чтобы привлечь наше внимание и «удерживать» нас в изображении. Петр Яблонски также использует контрастирующие формы и направляющие линии, чтобы обрамить композицию.

Иллюстрация Джессики Ойхенарт, старшего художника в Riot Games, демонстрирует структуру с несколькими точками фокуса внутри композиции со срединной линией. И снова мы замечаем, как взгляд следует вдоль вертикальной срединной линии. Несмотря на то, что это нетипичная композиция с правилом третей, если мы разобьем верхнюю половину изображения на трети, то можно проследить, как взгляд цепляется за одну из точек пересечения. Такой эффект демонстрирует важность правила третей.

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

Также в нижней части изображения есть несколько суб-точек фокуса, которые помогают обрамить объект и удерживать нас от того, чтобы мы отвели взгляд. Некоторые из этих точек могут быть спорными в рамках визуальной иерархии, и они субъективно зависят от зрителя.

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

Рамочная структура

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

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

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

Наконец, персонаж обрамлен воронами, деревьями и лестницей, которая уводит наше внимание на задний план.

В изображении потрясающее чувство глубины, замок на заднем плане также позволяет фигуре выделяться. Замок менее контрастен, что показывает его удаленность (практический совет: объекты, удаленные от зрителя, менее контрастны за счет воздушной перспективы).

Можно обратить внимание и на дизайн одежды, который, благодаря направлению складок ткани и "струистости" материала, уводит зрителя от воронов к лестнице после рассматривания лица. Деревья вдалеке едва отображены с помощью цвета и формы. Это удерживает фокус и внимание зрителя на более важных элементах, а также позволяет глазам отдохнуть. Еще такой элемент помогает зрителю взаимодействовать с изображением, который заполняет это пространство элементами из своего воображения.

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

Это изображение Якуба Розальски использует рамочную структуру и правило третей. Точка фокуса - левая женщина на переднем плане, поскольку она помещена точно на левой нижней точке пересечения.

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

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

Путевая структура

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

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

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

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

Еще одна картина Якуба Розальски демонстрирует жёсткую композицию, достигнутую применением множества правил. Перед нами смесь Правила третей и золотого сечения вместе с наводящими точками фокуса внутри.

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

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

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

Симметричные и асимметричные структуры

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

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

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

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

Другая картина эпохи Возрождения, Афинская школа Рафаэля, сочетакет в себе разом структуру единой точки фокуса, ведущие линии и рамочную структуру внутри композиции срединной линии.

Точка схода лежит где-то в начале пути, по которому идут философы, что определяется углами наклона других объектов, обозначенные жёлтыми линиями. Розовые линии показывают, как фигуры обрамлены окружающими их объектами внутри картины, и интерес к изображению возникает благодаря разнообразию форм.

Структура ведущих линий

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

И снова Карла Ортис с помощью прекрасной композиции доводит картину до совершенства. В изображении прослеживается золотое сечение в сочетании с правилом третей, и, вероятно, со срединной линией, разделяющую картину на светлые и темные части. Композиция структурирована направляющими линиями, которые будто обрамляют девушку и команду корабля. Это еще и структура с одной точкой фокуса, однако взгляд все же пробегает по членам команды, что позволяет обрамить девушку и поддержать интерес зрителя.

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

Это последнее изображение, нарисованное Петром Яблонски, ломает все правила. Сначала я не могла понять, какое правило композиции тут использовалось, как вдруг меня озарило: эта картина отображает нечто необычное, странное. Сама картина была сверхъестественная!

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

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

Несмотря на это, композиция работает… Она проводит идею паранормальности, разрушая устойчивые формы и нарочно сделанная «странной».

Главная точка фокуса также обрамлена дверью слева и зловещей тенью, падающей от объекта вне картины. Этот прием используется, чтобы стимулировать воображение зрителя и приоткрыть происходящее за рамкой изображения.

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

Альтернативные методы создания сбалансированной композиции

Произвольное деление.

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

• Сначала нарисуйте вертикальную линию где-нибудь на холсте.
• Добавьте горизонтальную линию
• В точке их пересечения добавьте диагонали, а затем проставьте диагонали в получившихся прямоугольниках.
• Добавьте новую вертикальную и горизонтальную линии там, где у вас получилось больше всего пересечений.
• Продолжайте выборочно рисовать в разделенных областях.

Что нужно помнить:

• Следуйте линиям;
• Оставляйте немного негативного пространства;
• Убедитесь, что самые детализированные части рисунка расположены в зоне с максимумом пересечений.

Строгое деление

Это процесс разделения кадра на колонки одинаковой ширины, обычно на 3 или 5. Линии расположены от угла до угла, разделяя изображение, после чего добавляются диагональные линии внутри сегментов для дальнейшей разбивки холста на части.

• Разделите изображение на равные по ширине колонки: 3, 4, 5+
• Добавьте столько же строк по горизонтали, сколько и по вертикали
• Выберите несколько прямоугольников и разделите их диагональными линиями

Что нужно помнить:

- Представьте, что срединная линия - это зеркало, и соответственно отражайте диагонали с обеих сторон.