Дизайн
March 29, 2021

Основы композиции

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

Структура, как идея воплощается визуальными средствами.

Визуализация - техническое воплощение идеи (рендер, рисование, фотография)

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

Цели композиции:

  1. Понятность сюжета / истории
  2. Выделение главного и второстепенного
  3. Привнесение смысла в хаос
  4. Эстетическая красота

Как отделить главное от второстепенного?

1. Цвет

2. Размер

3. Контраст

4. Фокус

5. Форма

6. Человек, лицо, силует. Человеку свойственно в первую очередь замечать лица и силует человека.

7. Направляющие. Линии или круги, которые ведут взгляд в определенную область.

Куда поместить главное?

Есть несколько вариантов. Самый простой, использовать правило третей.

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

Золотое сечение. Если отбросить математические формулы, то под золотым сечением подразумевают пропорции близкие к 5:8. Или соотношение равное примерно 1,618. В качестве примера, это может быть отношение ширины к высоте.

Золотая спираль. Или спираль архимеда создана согласно правилу золотого сечения. Данный принцип часто встречается в природе, и была описана в виде целой теорией Фибоначчи.

Динамика и статика

На первой картинке прочно стоящая композиция с надежным основанием. На второй, объекты находятся, как будто в движении.

Симметрия и асимметрия

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

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

Правило равновесия

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

Обрамление. Чтобы создать ощущение комфорта, и дать дополнительную поддержку объектам, мы можем поставить объекты, которые будут как бы обрамлять весь кадр. С помощью обрамления можно добиться ощущения уюта, комфорта. Примером обрамления является виньетка.

Заполнение кадра. Вместо показа большого количества объектов, можно выделить один или несколько во весь кадр. Это не всегда уместно, но нужно знать о таком приеме.

Ритм, повторения и движения

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

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

Ритмический ряд. Это закономерное повторение, которое основано на изменении элементов ряда, интервалов между ними или тех и других одновременно. Поэтому выделяют также простой и сложный ритмический ряд. Ритмический ряд сообщает целому динамический характер за счет возможного характера изменений (нарастание или убывание интервалов между элементами, нарастание или убывание размеров элементов, изменение цвета и так далее). Для построения ритмического ряда необходимо 4-5 элементов, так как еще 3 элемента не создают впечатления закономерного повтора.

Касания

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