Доминанта и динамика

Вторая лекция посвящена композиции, её видам. Что такое доминанта, какие они бывают, симметрия, асимметрия, динамика и статика. Это не страшно, это легко и просто.

В первую очередь надо понимать, что композиция — это не следствие, 
а инструмент, которым мы можем пользоваться. Инструмент для управления вниманием, восприятием зрителя. Также важно понимать, что мы считываем композицию эмоционально, это не точная наука.

Доминанта

Наиболее важный элемент композиции — это доминанта. Наиболее важный объект в композиции. Центра внимания. Доминанту можно выстроить различными путями. Посмотрим некоторые из них.

Размер

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

Форма

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

Контроформа

Контроформа или негативное пространство, или отсутствие формы. Иногда пустое место привлекает внимание больше всего. И пример, где доминирующий объект это вот это цветное пятно по центру, вокруг которого струится типографика, а внутри — пусто.

Скопление

Один человек — прохожий, два — прохожие, десять — митинг. И тут также. Чем больше фигур в одном месте, тем интереснее, что же там может произойти. И пример, где повторяется одна и та же фотография, чем сильно оттягивает на себя внимание, хотя тут сильная жирная надпись Leggings.

Текстура

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

Цвет

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

Статика / Динамика

Мы разобрались, что есть доминанта и как она вообще строится. Теперь же немного углубимся в вопрос композиции и рассмотрим статичную и динамичную композицию. В целом, всё очень просто. Статичная стоит, динамичная движется (падает, летит, взрывается и т.д.)

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

Немного меняем композицию и получаем лидера гонки и догоняющих.

Примеры из мира постеров. Слева статика, справа динамика.

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

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

Симметрия / Асимметрия

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

Работа дизайн-агенства Щука, где мы видим симметричные композиции. Симметричные и нескучные, живые. Буквально в танце.

Асимметрия в упаковке. Слева пусто — справа иллюстрация. Много воздуха, создаётся ощущение некоторой элитарности.

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

Сайт, где мы видим акцент на центральной линии. По бокам симметрично располагается информация. Хорошо подыгрывает ретро-тематике.

Сайт-портфолио, где мы видим резкое асимметричное деление пространства, 
но зато наш взгляд идёт от должности до имени, от имени к описанию и так далее.

И заключительный пример с постером про Марио. Как вы могли заметить, композиция — это почти история, рассказ, литературное произведение. При помощи расположения элементов, мы можем подыгрывать идеи, рассказывать историю. Так и тут. У нас есть фестиваль, он будет проходить в трёх городах. Получается, Марио будет идти по этим городам. Получается, доминанта у нас Марио, так как цвет и форма, а композиция динамичная (потому что Марио движется) и ассиметричная. Так что не бойтесь рассказывать историю. У нас есть для этого все инструменты.