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

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

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

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

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

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

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

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

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

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

Признак завершения образа. Наш мозг достраивает недостающие объекты, заполняет пробелы и объединяет все в знакомые формы.

Один из главных принципов композиции — наличие визуального центра.

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

Главный акцент можно создать с помощью:

• размера
• цвета
• контраста
• расположения
• необычной формы и так далее.

И можно выделить как раз несколько центров в композиции.

Геометрический центр — это физическая середина формата: точка, которая находится на равном расстоянии от всех краев листа или макета.

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

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

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

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

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

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

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

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

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

Золотое сечение — это композиционный принцип, основанный на гармоничном соотношении частей.

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

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

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

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

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