Равновесие композиция: Карта сайта

alexxlab

Равновесие композиция: Карта сайта

Содержание

Как выстроить крепкую композицию | SKVOT

Можно профессионально работать в софте, но какой в этом смысл, если у тебя плохая композиция. Для любого дизайнера (даже рокера и бунтаря) композиция — это the must: она направляет внимание и задает атмосферу. С ней можно экспериментировать, но сначала — ее нужно понять.

Лектор курсов 3D-ДИЗАЙНЕР и MOTION DESIGN Саша Сердюкова в своей колонке объясняет, как сделать композицию, которая работает как надо. Пять простых правил и три упражнения — читай, чтобы уберечь себя от структурных фейлов.

 

Задачи композиции

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

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

Законы композиции

В композиции всегда есть главное и второстепенное. Главное — это персонаж (любой графический элемент), на котором фокусируется основное внимание зрителей. Люди должны посмотреть на картинку и понять: «Ага, вот это — ключевое». Все остальное — просто дополняет. 

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

#1. ПРАВИЛО ТРЕТЕЙ

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

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

СОВЕТ. В точках пересечений линий, которые делят композицию, должны находиться самые важные и выразительные объекты. И желательно не занимать все четыре точки пересечения — достаточно двух.

Вот как это работает на примере прямоугольной композиции у @vitalygrossmann:

Те же принципы сохраняются и в квадратах — как в работе @vincentschwenk:

#2. КВАДРАТНАЯ КОМПОНОВКА

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

Накосячить с такой композицией очень сложно — объект в центре, все в равновесии, композиция выглядит гармонично:

Этот подход очень часто встречается в 3D-графике. Вот пример — работа @ghostcollider, «вшитая» в квадрат:

Примеры хороших квадратных компоновок — в работах Luke Doyle, FutureDeluxe, Six N. Five и Simon Appel.

#3. КОНТРАСТ

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

Чтобы сделать контраст, можно использовать:

ЦВЕТ — главный объект изображают темным и на ярком фоне, или наоборот — главный объект делают ярким, а бэкграунд темным, однотонным

СВЕТ — фигурка попадает в темную среду и подсвечивается

ТЕКСТУРА — надпись глянцевым шрифтом на матовом фоне

ФОРМА — главные объекты композиции можно сделать округлыми, а все вокруг — более острыми или угловатым

В своей работе @sixnfive использует три типа контраста: светлого и темного, мягкого света и теней, маленького материального объекта (стул) и большого природного явления (небо, облака):

СОВЕТ. Тем, кто только начинает работать в том же 3D, лучше не применять все варианты контраста сразу (хоть и очень хочется). Если сделать кругленький объект, потом его еще и исказить, добавить треугольник, а сверху поставить кубик, получится не контраст, а винегрет.

Во всем хороша мера. Лучше сочетать не больше двух контрастных отношений в одной работе. Для начала лучше взять что-то острое и круглое + черное и белое, матовое и глянцевое + яркое и темное.

Примеры хорошего контраста — в работах SUCUK & BRATWURST, BUILDERS CLUB, STUDIO AMOS FRICKE

.

#4. РАВНОВЕСИЕ

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

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

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

Примеры гармоничного равновесия — в работах 

Luke Doyle, Crea, Giant Ant.

#5. РИТМ

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

Если говорим про типографику, в ней должно быть чередование толстых и тонких, острых и округлых букв. Если про графику — ритмичное повторение цветов или форм объектов:

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

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

Примеры гармоничного ритма — FANTASTIC!, Peter Tomaszewicz, Rizon Parein

, Harry Bhalerao и Giant Ant.

Как прокачать навык строить композицию

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

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

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

Вот как это выглядит на примере картины Дэвида Хокни:

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

Черно-белый вариант беспощаден к ошибкам.

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

3. Много смотреть. Уже сделано много всего идеального с точки зрения композиции — и чем больше хорошего смотришь, тем лучше делаешь.

Это простой подход. Берешь работу и анализируешь: «Почему эта композиция — хорошая? Потому что здесь учтены вот такие и такие правила». И так много-много раз. Выводы откладываются в голове — и ты со временем все чаще применяешь это в работе. Чем больше хорошего видишь, тем больше хорошего делаешь.

КАК ДОСТИЧЬ ВЫРАЗИТЕЛЬНОСТИ КОМПОЗИЦИИ. Часть I. Характеристики композиции

Часть I. Характеристики композиции

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

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

ХАРАКТЕРИСТИКИ КОМПОЗИЦИИ

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

Форма

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

Равновесие

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

а) б)
Рис. 1.1. Устойчивые композиции
Рис. 1.2. Равновесие в симметричных и асимметричных композициях

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

Контраст

Контраст — резкое различие элементов композиции — мощное средство усиления выразительности. Это сочетание противоположных характеристик, противопоставление высокого и низкого, линий и пятен, темного и светлого. Контраст выделяет часть изображения, расставляет акценты, выражает энергию и силу произведения. Умение использовать контрасты — показатель художественного чутья дизайнера. Построенная на контрасте реклама сразу же обращает на себя внимание и лучше запоминается; использование контрастных решений способствует переключению внимания; на контрастном фоне текст заметнее. Контраст — проявление всеобщего диалектического закона единства и борьбы противоположностей; он подчеркивается не только формой, цветом, текстурой, но и общей идеей, отраженной в композиции. Мужчина и женщина в скульптуре В. Мухиной «Рабочий и колхозница» смотрятся особенно устойчиво и убедительно потому, что преодолевают напор ветра.
Можно создать единый образ, используя объекты контрастных форм; главное, чтобы зрительно не разрушалась общая композиция (рис. 2.1).
Важную роль в композиции играет нюанс, сущность которого составляет плавный переход характеристики элементов композиции. При нюансе нет четко выраженных противоречий: он призван выявить оттенки, помогая избежать монотонности.

Рис. 2.1. Примеры контрастов в композиции

Ритм

Форма, текстура, цвет отдельных объектов, взаимодействуя, дополняют и в то же время подчеркивают индивидуальность друг друга. Это взаимодействие создает определенный ритм — темп, напряжение дизайнерской работы. Он связывает отдельные линии, плоскости, формы, настраивает движение глаз зрителя по объекту или изображению. Ритм — элемент самой жизни: дыхание, пластика тела, чередование дня и ночи — все в природе ритмизовано.
Ритму подчинен порядок, связь, строй всех элементов художественного произведения, он побуждает к преодолению неподвижности изображения, заставляет его дышать и двигаться. Ритм может быть явным, динамичным (строение ветвей дерева, стоящие вдоль улицы дома, геометрический орнамент) или приглушенным, сдержанным (горная цепь, складки одежды, повороты голов людей, стоящих группой). Ритмическое развитие композиции может идти по горизонтали или вертикали, по квадрату, кругу, реже — по овалу. Интересные результаты дает ритмическое движение по радиусам, по спирали, по сетке — решений множество (рис. 3.1).

Рис. 3.1. Пример ритма в композиции

Гармония и центр композиции

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

МИФЫ ФОТОКОМПОЗИЦИИ: Миф «в фотографиях должно быть равновесие (баланс)»

09:09 am — МИФЫ ФОТОКОМПОЗИЦИИ: Миф «в фотографиях должно быть равновесие (баланс)»
Утверждение, что должно наблюдаться равновесие (баланс) в кадре, встречается весьма часто. И это если не миф, то, по крайне мере, сильное преувеличение. Кроме того, надо еще разобраться, что каждый конкретный человек имеет в виду под этим утверждением. А это весьма непросто, потому что понятие равновесия/баланса весьма плохо определено.

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


Paul Klee, Ancient Sound

Любопытно, что в прошлом мне не раз приходилось слышать претензии к некоторым моим собственным фотографиям, причем в основном от художников, в связи с тем, что эти фотографии «избыточно сбалансированы».

В серьезной литературе по композиции и зрительному восприятию (например, у А. Лапина в книге «Фотография как») можно прочесть, например, следующее: Стремление к равновесию и зрительному комфорту естественное желание, которое доминирует у большинства из нас. Дискомфорт вызывает у зрителя напряжение и, соответственно, неприятие, и поэтому его следует избегать. Но(!) это правило не универсально, и автор по своему усмотрению может его осознанно нарушать, чтобы добиться какого-либо эффекта или придать изображению какой-то специальный смысл.

Другими словами, это не правило, а какое-то полное безобразие! Во-первых, оно оперирует плохо определимыми, крайне нечеткими понятиями. Во-вторых, даже если вам удалось достичь каким-то образом понимания, что имеется в виду в каждом конкретном случае, то оказывается, что ваши представления о гармонии могут не совпадать с представлениями целевой аудитории или среднестатистического зрителя. В-третьих, его, оказывается, можно использовать (или не использовать) по своему усмотрению, в зависимости от обстоятельств. В-четвертых, как пишут нам классики композиции, сбалансированность в одном аспекте автоматически не означает сбалансированности во всех остальных аспектах. Это, извините, все равно, что никакого правила нет вообще.

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

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

(1) Баланс расположения одной или нескольких фигур относительно сторон изображения и баланс взаимного расположения фигур в этих границах.

Обычно теоретики рассматривают какую-нибудь картинку вроде вот такой:

Часто можно увидеть комментарии, что наша система «глаз–мозг» точно улавливает, что кружочек не в центре и что это вызывает небольшой зрительный дискомфорт. При этом все подчеркивают, что баланс – это не тоже самое, что и симметрия. Вопрос зрительного комфорта тоже весьма непростой. А всегда ли зрительный комфорт — та цель, к которой следует стремиться? Часто изображения, которые вызывают дискомфорт, отлично запоминаются благодаря именно ему.

Когда речь идет о кружочках и других простых фигурах, всё еще более или менее понятно. Но фотографии – это не набор кружочков. Даже уже в случае вот таких фотографий возникает большой вопрос относительно оптимальности выбора расположения фигур в кадре:

Один из этих трех вариантов – это авторская работа мастера, Йозефа Куделки, отобранная весьма опытным редактором агентства «Магнум». Вторые две – результат бесхитростной манипуляции в фотошопе. Попробуйте догадаться, где авторский вариант. Будут интересны ваши варианты в комментариях (желательно не пользоваться интернетом для поиска правильного ответа).

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

(2) Баланс членения плоскости изображения

Maitland Graves рассматривает такой пример:

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

Иоханнес Иттен давал своим студентам задания в Школе прикладного искусства в Цюрихе на членение квадрата прямыми линиями.

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

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

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

Членение плоскости кадра встречается довольно часто и в фотографии:


Harry Gruyaert

В этой фотографии Гарри Груйера не только интересное членение кадра на секции, но еще и интересное сочетание цветов.


André Kertész

А здесь, кажется, автор (André Kertész) игнорирует идею баланса членения плоскости фотографии.


Francesca Woodman

Глядя на эту фотографию Francesca Woodman, у меня как-то язык не поворачивается обсуждать сбалансированность секционирования плоскости фотографии. Она наполнена таким смыслом, что деление на секции могло быть любым, и фотография мало что потеряла бы!

(3) «Гравитационный баланс».

Понятие гравитационного баланса возникает от ощущения, что различные пятна в поле изображения имеют физический вес. Интуитивно понятно, что мы ощущаем более темные пятна (в градациях серого) как более тяжелые, а более светлые – как более легкие. Цветные пятна и фигуры мы тоже ощущаем как имеющие разный вес в зависимости от их размера, цвета и тона по светлоте.

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


André Kertész

Здесь почти черное небо образует большое темное пятно, нависающее над светлым домом, силуэтом человека с тенью и серой мостовой. Это пятно выглядит тяжелым, стремится «упасть» вниз. Гравитационное равновесие явно нарушено, но это не мешает нам нормально воспринимать фотографию, потому что кроме соображений гравитационного равновесия наш мозг анализирует изображение еще и логически. Мы видим небо (пусть и почти совершенно черное) и не удивляемся тому, что оно сверху.


Horst P. Horst

Еще один пример из классики с нарушением гравитационного баланса.


Elliott Erwitt

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

(4) Баланс размеров

Крупные фигуры в плоскости изображения уравновешиваются фигурами меньшего размера.

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


Сергей Вараксин

Часто можно видеть тоже самое в фотографиях с красивыми ритмическими построениями:


Wayne Miller

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

Но есть и много примеров, где баланс размеров нарушается (см. ниже):


Harry Gruyaert


Cristina Garcia Rodero

В последних двух фотографиях все элементы (домики или фигуры людей) одинакового размера)


René Maltête

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

(5) Баланс интервалов между фигурами

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


Harry Callahan

На этой фотографии Harry Callahan все интервалы (между деревьями и от деревьев до границ кадра) различны и весьма сбалансированы.


Marc Riboud

А здесь, наоборот, между деревьями на переднем плане расстояния одинаковы, и баланс нарушается, но зато этот ровный слой деревьев прекрасно контрастирует с деревьями на среднем плане.


Josef Koudelka

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


Henri Cartier-Bresson

(6) Баланс плотности

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

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


Edward Weston


Edward Weston

(7) Баланс цветов

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

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

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

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

Ниже несколько примеров, которые это подтверждают.


Lise Sarfati

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


Lise Sarfati

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


Lise Sarfati

А здесь все оттенки холодные, цвета ненасыщенные, и нет противопоставления, но опять-таки речи о несбалансированности не идет.


Constantine Manos

Это пример фотографии с совершенно иным колористическим решением. Здесь есть только четыре цвета (черный, серый, синий и желтый). Черный и серый воспринимаются как «фоновые» цвета и сочетаются с любым другим цветом. Синий и желтый сильно контрастируют. Оба оттенка ненасыщенные, но насыщение синего все-таки сильнее. В тоже время желтый теплый, а синий холодный. С другой стороны, желтый – светлый и это добавляет ему дополнительный вес с точки зрения внимания к нему, потому что светлые пятна на темном фоне обладают тоже высоким весом. Что нужно для сбалансированности по цветам согласно «теории»? Больше желтого или больше синего? Ответа на этот вопрос вообще не существует, как мне кажется. Все это не только невозможно измерить какой-либо математикой, но и даже сколько-нибудь объяснить словами. Можно только выразить субъективное мнение. Мое личное мнение, что здесь все гармонично и сбалансировано, но это нельзя полностью рационализировать. Еще в меньшей степени можно говорить о конструировании другого (еще не снятого) кадра, пользуясь этими весьма нетвердыми знаниями о весах цветов и оттенков.

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


Bruno Barbey

Вот простой пример (см. фотографию выше). Красный цвет имеет наибольший визуальный вес. Желтый – наименьший. Догадайтесь с трех раз (уверен, что понадобится только один!), что будет рассматривать зритель больше всего на этой фотографии? Красный перец? Что-то мне кажется, едва ли…

(8) Баланс светлого и темного/ Баланс контраста

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

С другой стороны, мы знаем, как «выпадают» из фотографии белые и очень светлые объекты, и как сильно они привлекают внимание. Когда речь идет о визуальном весе ярких объектов в цветных фотографиях, то в половине случаев под яркостью понимается их насыщенность, а в остальной половине случаев — их светлота. Если мы имеем в виду не просто визуальный вес, а его гравитационный аспект (см. выше), то чем темнее объект, тем он тяжелее. Получается очевидная путаница из-за неопределенности со словом «яркий» и из-за вмешательства гравитационной составляющей в определение визуального веса.

Мне представляется, что рационально говорить о визуальном весе светлого и темного в терминах контраста, а гравитационный аспект вообще оставлять в стороне. Привлекает наибольшее внимание то, что самым сильным образом контрастирует по светлоте с общим фоном, то есть, и самое светлое, и самое темное. Научно доказано (эти исследования проводились еще А.Л. Ярбусом), что границы контраста очень сильно привлекают наше внимание. С этих позиций можно говорить о том, что равновесие наблюдается, когда то, что контрастирует с общим фоном наибольшим образом, уравновешивается тем, что меньше контрастирует с общим фоном.

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

Возьмем одну из фотографий Трента Парка и попробуем провести анализ сбалансированности по распределению наиболее светлых и наиболее темных пятен.


Trent Parke

Я открыл эту фотографию в фотошопе и создал три слоя: (1) усредненный тон всей фотографии, (2) все самое светлое (то, что светлее 10% серого ) превращено в белое, а остальное удалено и (3) все самое темное (то что темнее 90% серого) превращено в черное, а остальное удалено. После совмещения слоев получилось следующее:

Как можно видеть, темные и светлые контрастные фигуры неплохо уравновешены серым и друг другом.

Проделаем тот же трюк с другой фотографией того же автора:


Trent Parke

Очевидно, что масса серого среднего тона не может уравновесить ни белое, ни черное в ней. Стала ли фотография от этого плохой? Думаю, что нет. Но баланса явно не наблюдается.

(9) Баланс текстур
Хотелось бы упомянуть, что теоретически такое существует, но подробно останавливаться не стану, потому что картина и так вырисовывается.

(10) Общий баланс

Как я уже отмечал выше, мы можем наблюдать баланс по одному из признаков (например, по светлому и темному) и не наблюдать баланс по другому признаку (например, по способу членения кадра). Или баланс может наблюдаться в горизонтальном направлении и не наблюдаться в вертикальном. Можно ли говорить об общей сбалансированности изображения? Можно. Для этого давайте еще раз вспомним, что такое визуальный вес. Визуальный вес – это величина, которая характеризует объем внимания, которое мы уделяем тому или иному элементу изображения. Для каждого конкретного случая этот объем можно измерить используя метод слежения за зрачком глаза (eyetracking) и построив тепловые карты. По одной из гипотез, баланс наблюдается тогда, когда визуальные веса различных элементов изображения распределены в плоскости изображения равномерно. Однако чтобы понять, как распределяется наше внимание при разглядывании, а лучше сказать, как распределяется внимание среднестатистического целевого зрителя, нужно провести исследование. Простой опрос не может дать на это ответ. Откуда же может знать ответ на этот вопрос фотограф во время съемки или даже когда кадр уже сделан? Здесь могут быть догадки, но точного ответа нет и не может быть. Поэтому «правило композиции» о том, что «в фотографиях должно быть равновесие (баланс)» ко всем своим недостаткам еще и не вполне пригодно к реальному использованию.


***

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

Первая статья: МИФЫ ФОТОКОМПОЗИЦИИ: Миф «Нужно оставлять место перед взглядом портретируемого»
Вторая статья: МИФЫ ФОТОКОМПОЗИЦИИ: Миф «в фотографиях должно быть равновесие (баланс)»
Третья статья: МИФЫ ФОТОКОМПОЗИЦИИ: Мифы про кадрирование с обрезанием частей тела
Четвертая статья: МИФЫ ФОТОКОМПОЗИЦИИ: Мифы про расположение объектов в кадре
Пятая статья: МИФЫ ФОТОКОМПОЗИЦИИ: Коротко о разных мифах
Шестая статья: Упражнения для саморазвития в области фотографии

Подготовлено специально для образовательного проекта FujifilmRu. livejournal.com


Равновесие • Архитектурный блог

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

В этой связи особо отмечается гносеологический аспект понятия симметрии. В теории познания симметрия служит методом обнаружения и описания инвариантных закономерностей «законов сохранения». Метод симметрии признан одним из наиболее общих и эффективных методов теоретических исследований в современной науке.

В научном эксперименте законы симметрии используют как средство анализа, как своеобразный «инструмент» построения мыслительных схем, упорядочивающих аналитический процесс и оформляющих результаты исследований. (В третьей главе мы делаем попытку применить метод симметрии к исследованию архитектуры).

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

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

Первоначальный смысл термина «симметрия» был близок современному понятию «гармония». В архитектуре термин «гармония» один из наиболее употребительных. Однако распространенность этого термина отнюдь не сопровождается единым пониманием. В архитектуре фактически нет достаточно точного его определения. Одно из немногих — это формулировка А. Тирша: «Гармония есть результат повторения основной формы произведения в его частях». М. Гинзбург вкладывал в понятие гармонии довольно узкий смысл, считая, что «…гармония есть математическая сущность ритма».

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

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

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

Ле Корбюзье, оценивая виллу в Гарше в контексте современной архитектуры, подчеркивал нерегулярность сочетания внутренних помещений, заключенных в абсолютно строгой регулярной оболочке. Эта система получила название «квазисимметрия» и теоретиками сопоставлялась с симметрией внешнего облика человека при асимметрии его внутреннего строения.

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

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

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

Благодаря асимметрии пространства бытие переживается, пишет Арнхейм, прежде всего как вертикальность. Чтобы существовать, необходимо оторваться от поверхности земли, будь то рост деревьев и трав, вздыбленность гор или их рукотворного эквивалента зданий.

Асимметричная композиция может складываться из симметричных частей, связи между которыми произвольны. Таковы и многие природные формы: целое асимметрично, части подчинены симметрии.

Композиция в фуд-фотографии. Общие сведения

Фотограф Денис Карпенков, который в прошлый раз коснулся темы освещения в фуд-фотографии, продолжает свою серию статей еще одним важнейшим аспектом фотосъемки еды: выстраиванию композиции. Рекомендую всем, кто интересуется фуд-фотографией, фотографией вообще или просто хочет, чтобы его любительские снимки стали лучше.

Хотите ПОДАРОК лично от меня?
Введите емейл, и я пришлю вам бесплатную книгу рецептов!

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

Василий Кандинский

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

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

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

Эти законы немного разнятся в зависимости от региона и эпохи, но мы как европейцы, воспитанные на культурном наследии Древней Греции, Рима и эпохи Возрождения, считываем любое графическое изображение примерно одинаковым образом. Мы последовательно переводим взгляд по изображению слева-направо и сверху-вниз, от больших объектов к маленьким, от светлых к темным, от ярких к тусклым, наш взгляд следует за ведущими линиями. Мы отдаем предпочтение тем кадрам, где реализован принцип золотого сечения (в результате упрощения из него возникло «правило третей», согласно которому, кадр делится на три равные части по вертикали и по горизонтали, и главный объект сцены располагается либо на пересечении этих линий, либо на этих линиях).

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

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

Свойства композиции

1. Единство

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

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

2. Равновесие (баланс)

Равновесие бывает симметричным либо асимметричным. Оно должно присутствовать, если вы не хотите, чтобы у зрителя возникало головокружение при взгляде на вашу работу. С симметричным равновесием все понятно — левая часть кадра по своему наполнению зеркально отражает правую, либо верхняя — нижнюю, либо, в случае с центральным симметричным равновесием — одинаковые области равноудалены от центра. В случае с асимметричны равновесием вам нужно добиваться, чтобы ни один из элементов композиции не перевешивал все остальные, сдерживался ими либо за счет расположения, либо смысла (сюжетной важности), либо цвета. Асимметричное равновесие — довольно субъективное понятие: вам может показаться, что у вашей работы с ним все в порядке, а кто-то скажет, что она не сбалансирована. Вы можете соглашаться с этим мнением или нет. Главное, вы должны понимать, что нет никаких строгих требований в отношении равновесия композиции. Вам придется достигать его, руководствуясь только своим собственным визуальным опытом и вкусом.

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

3. Устойчивость

Мы привыкли видеть линию горизонта ровной. Если она наклонена, значит, что-то не в порядке либо с нами, либо с горизонтом. Обратите внимание, что в кинематографе наклон линии горизонта, а также всех опорных горизонталей, вертикалей и плоскостей — стен домов, полов и потолков, предметов мебели, столов — используется только с одной целью: показать сцену глазами нездорового или нетрезвого человека. Первое требование для придания композиции устойчивости — это приведение всех горизонталей к горизонталям, а вертикалей — к вертикалям. Избегайте съемки широкоугольным объективом, на мой взгляд, его использование оправдано только при съемке пейзажа. Если снимаете сверху, под 90 градусов, то ось объектива должна быть строго перпендикулярна плоскости стола, иначе у зрителя будет ощущение падения (можно несколько заострять угол съемки в свою сторону, но не в противоположную).

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

Также важно знать, что поскольку фотография еды — это натюрморт, то ее композиция опирается на принципы построения натюрморта. А это жанр, для которого, более чем для какого-либо ещё, важна геометрия: все объекты объединены в группы, построенные на основе геометрических фигур: прямых и ломаных линий, квадратов, треугольников, кругов и овалов. Также существует множество примеров, когда объекты объединены на основе форм букв T, L, V и прочих.

Мы привыкли, что все тяжелое в нашей жизни должно находиться внизу, а все легкое — наверху. Что-то невесомое, вроде облаков или дыма — поднимается еще выше лёгкого. А если что-то тяжелое, например, пудовую гирю, поместить на антресоль? Проходя под ней, мы все время будем испытывать чувство дискомфорта, так как она своим стремлением вниз будет угрожать нашей безопасности, создавать ощущение неустойчивости в интерьере. То же самое происходит и при взгляде на фотографию, на которой большие, объемные объекты расположены в верхней части кадра. Они будут давить свое тяжестью на объекты, находящиеся внизу. И если их недостаточно много, если они за счет своего количества или движения вверх не образуют противодействующей силы, композиция будет казаться беспокойной, готовой «упасть» в любой момент.

Точно также, если мы объединим объекты в квадрат и поставим его на один из его углов, он будет неустойчив, как и треугольник, стоящий на одной из своих вершин. Если вы не преследуете цель создать в кадре напряжение, посеять в душе зрителя иррациональное беспокойство, вам следует помнить о том, что внизу кадра должны располагаться тяжелые объекты, квадраты и треугольники должны ровно стоять на опоре, а все линии, которые мы привыкли видеть горизонтальными и вертикальными, должны быть такими и на фотографии (мы не берем в рассмотрение натюрморты Петрова-Водкина, у него была собственная планетарная перспективная система и он решал с ее помощью другие задачи).

Схематические пояснения

Постараюсь проиллюстрировать теоретическую часть простыми примерами:

Единство:

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

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

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

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

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

Равновесие (баланс) и устойчивость:

На рисунке 1 (сверху), большой прямоугольник слева явно больше прямоугольника справа. Из-за этого кажется, что левая часть кадра сильно перевешивает.

На рис. 2 продемонстрировано симметричное равновесие, достигнутое центральным расположением обоих прямоугольников.

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

На рис. 1 (сверху) левая сторона кадра снова перевешивает, складывается ощущение, что большой квадрат может упасть, так как под ним — пустота. Это допустимый вариант композиции, но он создает напряжение и динамику (это может вполне совпадать с вашими задачами)

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

На рис. 3 показан способ придать композиции монументальность и спокойствие. В качестве опоры для падающего квадрата выступают все остальные элементы композиции. Правая часть кадра может быть либо отброшена при кадрировании, либо использована, как негативное пространство для противовеса при наличии текста или богатой фактуры (скатерти, например, или старой древесины стола)

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

Придать ему устойчивость помогает расположение, подобное изображенному на рис.2 или на рис.3.

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

Несколько практических советов:

1. Используйте в кадре посуду и реквизит (салфетки, доски) одного стиля. Никаких современных салфеток рядом с деревенскими досками! (О том, как сочетать разные стили, вы узнаете из следующих статей).

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

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

4. Уравновесьте кадр: если слева большая тарелка, то справа создайте «противовес»: положите столовые приборы на салфетку/ломтик хлеба и нож с маслом/веточку базилика (по обстоятельствам, исходя из сцены)

* * * *

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

Изучая натюрморты Яна Давидса Де Хема, Поля Сезанна и Петрова-Водкина, можно долго говорить об их различиях, но лучше увидеть то, что их сближает: в первую очередь единство и целостность их композиций, равновесие и устойчивость. Может быть, такая манера интерпретации натюрморта, как на их полотнах, сейчас не в моде, и ни одному заказчику не понравится, если предложить ему что-то в этом духе. Может быть. Но мы смотрим и любуемся их картинами, не замечая ток времени. Притягательность их работ складывается из множества составляющих, но их основа — внимательное продумывание композиции, начиная с самых ее фундаментальных основ.

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

А если вы хотите стать постоянным автором arborio.ru, написать гостевую статью или наладить партнерские отношения с сайтом, свяжитесь со мной.

10 простых рецептов для ужинов за 15 минут
Введите емейл и получите книгу рецептов — мгновенно и бесплатно!

Автор: Алексей Онегин

Кто это такой?..

Баланс как принцип дизайна — видео и стенограмма урока

Типы весов

Существует три основных типа весов: симметричные, асимметричные и радиальные. Давайте посмотрим на них по очереди.

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

Несмотря на то, что они разные, два яблока создают симметричный баланс.

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

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

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

Снежинки — отличный пример радиальной симметрии.

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

Создание баланса

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

  • Цвет: более яркие цвета тяжелее, чем приглушенные или нейтральные цвета.
  • Значение: это светлота или темнота объекта. Более темные объекты всегда визуально имеют больший вес.
  • Форма: угловатые и тупые формы, такие как квадраты, имеют больший вес, чем изогнутые формы, такие как круги.
  • Линия: чем толще линия, тем больше у нее веса.
  • Размер: это самый простой, потому что чем крупнее объект, тем он тяжелее.
  • Позиция: однако чем дальше от центральной линии или центральной точки в композиции, тем тяжелее будет объект.Помните пример того, как что-то маленькое на конце качелей уравновешивает что-то большое, расположенное близко к центру?
  • Текстура: Наконец, чем сложнее текстура объекта, тем больший вес он будет нести. Представьте себе гладкий мяч для пинг-понга, сидящий рядом с мячом для гольфа с ямками. На что вы смотрите больше или на более длительные периоды времени?

Использование весов

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

Краткое содержание урока

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

Мы рассмотрели три основных типа весов:

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

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

Balance in Design — SitePoint

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

Симметричные весы

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

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

Две другие формы симметричного баланса менее распространены в дизайне веб-сайтов из-за природы носителя.Однако они обычно представлены в виде логотипов и полиграфического дизайна:

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

Асимметричные весы

Асимметричный баланс , или неформальный баланс, немного более абстрактный (и в целом более интересный визуально), чем симметричный баланс.В асимметричном балансе используются не зеркальные изображения по обе стороны от макета, а объекты разного размера, формы, тона или расположения. Эти объекты расположены так, что, несмотря на их различия, они уравнивают вес страницы; Например, если у вас есть большой объект на одной стороне страницы, а на другом — несколько более мелких, композиция все равно может казаться сбалансированной.

Афиша концерта моего друга Джереми Дарти, показанная ниже, является прекрасным примером асимметричного баланса.Визуальный вес большого розового фламинго слева уравновешивается совокупным весом меньших фламинго и текстовых блоков в правой части макета. Также обратите внимание на то, что Джереми использует правило третей. Голубое облако за заголовком Pop Sucks занимает одну треть вертикального пространства и охватывает две трети горизонтального.

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

В отличие от симметричных весов, асимметричные весы универсальны и поэтому чаще используются в Интернете. Если вы посмотрите на большинство макетов веб-сайтов с двумя столбцами, вы заметите, что более широкий столбец часто светлее — тактика, которая создает хороший контраст для текста и основного контента.Крошечный столбец навигации часто темнее, имеет какую-то границу или выделяется другим способом, чтобы создать баланс в макете. Страница «О нас» на веб-сайте Steinway & Sons, показанная на скриншоте ниже, является прекрасным примером асимметричного баланса. В этом примере нет определенного правого столбца, только большой стоический образ основателя компании. Эти эпические усы имеют большой вес, но их уравновешивает крупный курсивный заголовок над основным контентом.

В дизайне сайта Steinway & Sons Джесси Беннетом Чемберленом работает много других принципов, и это выходит за рамки асимметричного баланса. На сайте большая гармония (без каламбура), которая исходит от многократного использования кривых, текстур и согласованных шрифтов. Многое из этой гармонии можно объяснить принципами единства.

Принципы красивого веб-дизайна

Эта статья взята из книги Джейсона Байрда The Principles of Beautiful Web Design (второе издание которой уже вышло).Это пятая часть первой главы.

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

Как сбалансировать композицию для макетов веб-сайта

Balance — это слово, адресованное дизайнерам полиграфии и канатоходцам. Но на мир сбалансированного веб-дизайна в такой же степени влияют полиграфия и цирк! Чувство баланса достигается за счет повторения, как при качании маятника: вы добавляете немного, а затем убираете.Вы перемещаете контент в одну сторону, а затем добавляете немного больше в другую. Для этого требуется умение создавать хорошую композицию, которую можно развить на практике (балансирный столб не требуется).

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

Ориентация на цель

Говоря о композиции, я говорю о более широкой картине. Это хорошая отправная точка при разработке нового веб-сайта, потому что вы хотите представить себя новым посетителем. Что этот человек будет ожидать от сайта? Где они могли бы ожидать найти такую ​​функциональность? Каких наиболее важных «целей» должен достичь пользователь?

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

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

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

Стабильность пробелов

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

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

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

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

Следуйте полезным шаблонам

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

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

Недавно я нашел более старый пост, посвященный 3 распространенным макетам дизайна. Помимо структур Z и F, у нас также есть диаграмма Гутенберга, которая выражает очень похожий паттерн. Пользователи обычно просматривают веб-сайт слева вверху по горизонтали, а затем перемещаются вниз. Поскольку большинство языков с латинским / латинским алфавитом читаются слева направо, основное внимание уделяется левой стороне.

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

В центре внимания — ценность

Это старая техника, используемая художниками для проверки выбора цвета перед раскрашиванием. Три основных свойства цвета — это оттенок, насыщенность и значение. Оттенок — это выбор цвета (красный, сине-зеленый), а насыщенность — это интенсивность цвета относительно белого.Хотя это некоторые интересные темы, они не так важны, как ценность.

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

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

Закрытие

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

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

Баланс в композиции — вес от Yolte на DeviantArt

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

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

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

Чтобы сделать идею более ясной, давайте взглянем на эти быстрые дизайны:

  • Дизайн 2 (сбалансированный) — первый элемент имеет больше деталей, контраст и цветовые различия, а второй элемент имеет больший размер.

  • Дизайн 3 (несбалансированный) — первый элемент имеет больше деталей, размеров, цветов и контраста, а второй элемент имеет меньшую интенсивность этих характеристик.

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

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

Я решил сделать это за счет увеличения количества деталей, чтобы создать больший контраст элементов с фоном и сделать детали более насыщенными.

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

Надеюсь, этот журнал будет вам полезен, удачи в творческом пути

сбалансированная композиция в предложении

Эти примеры взяты из корпусов и из источников в Интернете.Любые мнения в примерах не отражают мнение редакторов Cambridge Dictionary, Cambridge University Press или его лицензиаров.

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

Разумный и сбалансированный состав досок имеет важное значение для их эффективного функционирования.

Вместо этого будет более сбалансированная композиция , в которой никто не заинтересован в большинстве, но с усилением голоса для родителей.

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

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

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

Главный корпус изящный, сбалансированный, составной с горизонтальными линиями.

Из

Википедия