Привет! Знаешь, что отлично дополнит твои знания после недели о модульных сетках? Неделя о законах зрительского восприятия, взаимоотношении элементов, а также связи формы и содержания — то есть о композиции! За помощь в подготовке недели спасибо железным дизайнерам интерфейсов Даше Князевой и Кристине Широковой.

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

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

#композиция

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

Не менее значимой силой в композиции обладает контраст плоского и ёмкостного — противопоставление объёма простоте и линейности, контраст статики и динамики, шрифтовой контраст, контраст по направлению, контраст по форме и контраст по размеру.

#композиция

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

・И ещё одно важное понятие в композиции — тождество. Здесь сходство элементов является обязательным фактором: у объектов должен быть одинаковый признак, благодаря которому они смогут рифмоваться.

#композиция

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

#композиция

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

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

Продолжаем делиться полезными материалами с нашего недавнего Дизайн-челленджа. Лекцию про композицию ты найдёшь в визуалах к этому посту 🤖

Хороших выходных!

#композиция