Визуальный вес относится к воспринимаемому весу или визуальному воздействию элементов в композиции дизайна. Некоторые элементы естественным образом привлекают больше внимания, чем другие, из-за таких факторов, как размер, цвет и размещение. Создание правильного баланса визуального веса является важным принципом в графическом дизайне, живописи, фотографии и других изобразительных искусствах. Правильный баланс помогает направлять взгляд зрителя по композиции и удерживать его внимание там, где задумал художник.
Визуальный вес элемента зависит от нескольких факторов:
| Размер | Более крупные объекты имеют больший визуальный вес, чем мелкие. |
| Цвет | Более яркие, смелые цвета имеют больший вес, чем приглушенные, тусклые цвета. |
| Контраст | Высокий контраст выделяется больше, чем низкий контраст. |
| Детали | Сложные, детализированные области привлекают внимание больше, чем простые, однотонные области. |
| Положение | Элементы в центре или на переднем плане кажутся тяжелее, чем элементы по краям или на заднем плане. |
Таким образом, большой, ярко-красный квадрат в центре композиции будет иметь гораздо больший визуальный вес, чем маленькая серая точка в углу. Художники манипулируют этими элементами, чтобы контролировать, куда смотрит зритель.
Существует три основных типа визуального баланса:
Симметричный баланс — это когда эквивалентный визуальный вес равномерно распределен по обеим сторонам композиции. Это создает ощущение формальности, единства и порядка. Элементы отражают друг друга по центральной оси. Симметричные логотипы, такие как Starbucks и IBM, демонстрируют эту концепцию.
Асимметричный баланс не имеет формальной симметрии, но все равно передает чувство баланса. Различные элементы уравновешиваются с помощью размещения, размера, цвета и других свойств веса. Обычно есть точка опоры, где противоположные визуальные силы уравновешиваются. Асимметричный баланс создает более динамичный, неформальный вид. Макеты журналов часто используют этот метод.
Радиальный баланс исходит из центральной точки, при этом элементы уравновешивают друг друга по кругу. Вещи кажутся визуально сбалансированными, хотя и не зеркальными. Круговые диаграммы демонстрируют это с пропорциональными клиньями, уравновешивающими вокруг центра. Радиальная композиция может создать ощущение движения или действия, исходящего из середины.
Вот несколько советов по балансировке визуального веса в композиции:
| – Используйте нечетное количество элементов | Нечетное количество повторяющихся мотивов дизайна, как правило, выглядит более сбалансированным. |
| – Сместите центральную точку | Избегайте идеальной симметрии, слегка сместив точку опоры. |
| – Используйте негативное пространство | Пустые области могут уравновесить загруженные детализированные области. |
| – Используйте цветовой контраст | Более светлые цвета уравновешивают более темные. |
| – Используйте направленные векторы | Острые формы могут направлять взгляд зрителя, уравновешивая движение. |
Помните, что баланс касается визуального восприятия, а не строгой эквивалентности. Две формы разных размеров могут композиционно уравновешиваться на основе других весовых факторов, таких как цвет и контраст. Не бойтесь нарушать формальную симметрию для динамических результатов.
Логотипы являются поучительным исследованием баланса, поскольку они направлены на создание максимального визуального воздействия. Давайте проанализируем несколько примеров:
Классический свуш Nike асимметрично сбалансирован. Левая сторона свуша имеет больший визуальный вес благодаря тупому концу и внутреннему цвету. Но это уравновешивает пустое пространство и точку справа. Галочка динамично разворачивается по всему пространству логотипа.
Знаменитый логотип Target Bullseye демонстрирует почти идеальный радиальный баланс. Концентрические красные и белые круги создают пропорциональный визуальный вес, исходящий из центра. Яркий красный цвет также уравновешивает белое негативное пространство. Результатом является отличительный всплеск сбалансированного цвета.
Pepsi аналогичным образом использует радиальный баланс с круговым мотивом. Но они нарушают симметрию, используя асимметричные элементы — красная верхняя половина уравновешивает синюю нижнюю, разделяя земной шар надвое. Белая галочка нарушает нижнюю половину для динамизма. Результат уравновешивает смелые цвета и асимметрию.
Печатный и веб-дизайн также полагаются на стратегический баланс при компоновке элементов страницы. Вот несколько примеров:
| Разворот журнала | Макет печатного журнала уравновешивает текстовые колонки, поля, фотографии и заголовки, чтобы направлять взгляд читателя по всему развороту в целенаправленном потоке. |
| Макет веб-сайта | Веб-сайт уравновешивает визуальные эффекты, текст и пустое пространство, чтобы сосредоточить внимание. Интерактивные элементы, меню и колонки контента уравновешены по всему интерфейсу. |
| Плакат | На плакате цифры, текст и фон уравновешены, чтобы создать единую композицию, которая быстро рассказывает историю. |
| Интерфейс приложения | Интерфейсы приложений используют визуальный баланс, чтобы сделать кнопки и меню понятными и интуитивно понятными. Симметрия часто создает привлекательную прогрессию через экраны. |
Тщательный баланс направляет фокус, создавая эстетически приятный макет. Визуальные эффекты, текст и пространство усиливают друг друга, если они искусно сбалансированы.
Фотокомпозиция использует многие из тех же концепций баланса:
Деление фотографии на равные трети как по вертикали, так и по горизонтали и размещение объектов вдоль этих линий создает асимметричный композиционный баланс. Расположение вне центра интереснее, чем по центру.
Заполнение кадра сбалансированным расположением элементов переднего плана и фона устраняет пустое пространство. Различные объекты обеспечивают естественный баланс.
Такие линии, как заборы, дороги или береговые линии, ведут взгляд по изображению и уравновешивают фокус по всему кадру. Указание на главный объект уравновешивает его визуальный вес.
Такие элементы, как арки или деревья, которые обрамляют центральный объект, уравновешивают композицию, удерживая фокус. Рамка уравновешивает объект визуально.
Цель — сбалансированное взаимодействие между объектами, фоном и ограниченным пространством фотографии.
Картины часто демонстрируют приемы баланса:
Знаменитый портрет да Винчи асимметрично сбалансирован. Детализированные лицо и верхняя часть тела уравновешивают простой выцветший пейзаж позади нее. Ее глаза фиксируют точку фокусировки.
На гравюре на дереве Хокусая изображены огромные волны, уравновешенные далекой горой Фудзи — тяжесть природы с обеих сторон. Волна, готовая разбиться, уравновешивает более спокойные волны перед собой.
Солнце Клода Моне, восходящее над Гавром, излучает внешнее равновесие. Красное солнце первым привлекает взгляд, уравновешенное синими и оранжевыми цветами, расходящимися по диагонали в стороны.
Фирменная работа Ван Гога использует закрученные линии и точки, чтобы направлять визуальное движение в радиальном равновесии. Кипарис уравновешивает шпиль церкви, а луна закрепляет спиральный фокус.
Мастера живописи интуитивно составляют сбалансированные композиции, которые идеально передают их объекты.
Баланс придает композиции единое чувство равновесия и распределения веса. Симметричные, асимметричные и радиальные методы балансировки визуально направляют зрителя по произведению искусства. Элементы уравновешиваются с использованием таких принципов, как размер, цвет, пространство, контраст и направление. Графический дизайн, фотография и изобразительное искусство — все они полагаются на баланс для создания эффективных композиций. Сбалансированное взаимодействие визуальных элементов позволяет фокусу проявиться.