Баланс в композиции: как уравновесить дизайн?

Одним из важнейших элементов композиции является баланс.

Баланс — это противопоставление элементов, создающее равновесие и гармонию. Состояние баланса интуитивно комфортно для зрителя.

Человеческое тело симметрично по вертикали, и наше визуальное восприятие этому соответствует. Нам нравятся объекты, сбалансированные относительно вертикальной оси. Мы всегда стремимся уравновесить одну силу другой.

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

Как добиться того, чтобы сайт выглядел сбалансированным?

Симметричный (статический) баланс

Самый распространенный пример баланса — это симметрия.

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

Асимметричный (динамический) баланс

Композиция с неравным весом с обеих сторон имеет асимметричный баланс.

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

Часто таким “противовесом” является кнопка и (или) заголовок.

Противовесом нужно делать важную информацию (или призыв к действию).

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

Радиальный баланс

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

Мозаичный баланс

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

Секреты визуального равновесия

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

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

Размер, форма, цвет.

1.Большие объекты всегда перевешивают.

2.Элементы неправильной формы кажутся легче, чем элементы правильной

3.Более теплые цвета тяжелее холодных.

Тон,текстура,объем.

1.Более темные объекты весят больше, чем светлые.

2.Объекты с текстурой кажутся тяжелее

3.Трехмерные объекты выглядят тяжелее.

Расположение, ориентация, плотность.

1.Чем дальше объект от центра, тем больше его визуальный вес.

2.Вертикальные элементы кажутся тяжелее горизонтальных.

3.Много маленьких элементов уравновешивают один большой.

Внутренний интерес, заполнение пространства, восприятие физического веса.

1.Сложность объекта придает ему больше визуального веса.
2.Положительные формы весят больше, чем негативное пространство.
3.Нарисованная гиря воспринимается тяжелее, чем перо.

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