Как развить в себе чувство композиции

На чтение: 18 минРубрика: Основы фотографии

Композиция в Энциклопедическом словаре

Композиция — (от лат. compositio — составление — связывание),1) построениехудожественного произведения, обусловленное его содержанием, характером,назначением и во многом определяющее его восприятие. Композиция -важнейший, организующий элемент художественной формы, придающийпроизведению единство и цельность, соподчиняющий его компоненты друг другуи целому. В художественной литературе композиция — мотивированноерасположение компонентов литературного произведения. компонентом (единицейкомпозиции) считают «отрезок» произведения, в котором сохраняется одинспособ изображения (характеристика, диалог и т. д.) или единая точказрения (автора, рассказчика, одного из героев) на изображаемое.Взаиморасположение и взаимодействие этих «отрезков» образуюткомпозиционное единство произведения. Композицию часто отождествляют как ссюжетом, системой образов, так и со структурой художественногопроизведения (иногда синонимами понятий композиция и структура служатслова: архитектоника, построение, конструкция).2) Музыкальное, живописное,скульптурное или графическое произведение.3) Произведение, включающееразличные виды искусств (напр., литературно-музыкальная композиция) илисоставленное из различных произведений и отрывков.4) Сочинение музыки.также учебный предмет в музыкальных учебных заведениях.

Миф № 2: «Этим правилом пользуются профессионалы»

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

Фото Энни ЛейбовицРасположение каминной полки соответствует правилу третей

Как видим, каминная полка идет ровно вдоль линии. Хм, видимо, Энни действительно использовала правило третей… но погодите, а как она расположила моделей? Как ей удалось создать столь замечательную композицию, если можно пользоваться только вертикальными и горизонтальными направляющими? Некоторые из моделей расположены по сетке, но что дальше? Как разместить их руки, ноги, платья, взгляды? И вот тут на сцену выходит динамическая симметрия.

Это — динамический прямоугольник √4 с основными сечениями — горизонтальными и вертикальнымиДинамический прямоугольник √4 можно разделить на четыре меньших прямоугольника √4

Энни разместила модели согласно динамической симметрии, или, другими словами, решетчатой системы.

Это прямоугольник 1:1,5 с основными сечениями. В прямоугольнике √4 можно разместить 3 прямоугольника 1:1,5Полная сетка решетчатой системы

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

«Лаокоон и его сыновья» — греческая скульптура, выполненная с использованием динамической симметрии

Обсуждение интересных фотографий

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

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

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

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

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

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

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

Соблюдайте баланс между элементами

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

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

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

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

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

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

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

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

Используйте элементы, которые дополняют друг друга

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

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

Используйте снимки из одной фотосессии. Это невероятно легкий способ удостовериться, что изображения будут связными, учитывая, что они сделаны в одном стиле и принадлежат к одному направлению. Например, дизайнеры Jekyll & Hyde и Елена Бонаноми используют данный прием в одном из разворотов журнала Must.

Изображения должны быть в одной цветовой гамме. В настоящее время существует широкий выбор разнообразных фильтров и инструментов для редактирования фотографий, которые помогут вам сделать так, что выбранные изображения будут принадлежать к одной цветовой гамме, и, следовательно, будут взаимосвязанными. A is a Name сделал свой постер полностью черно-белым, чтобы добиться цветовой связи между объектами.

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

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

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

Определите фокус

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

Существуют некоторые методы для определения фокуса в дизайне, например, масштаб, контраст и т.д. Эти методы мы разберем позже. Сейчас проанализируем пример.

Это работа Мэтью Метца (Matthew Metz) для ретейлера модной одежды Nordstrom, поэтому фокус находится на модели и ее одежде

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

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

Повторяйте элементы дизайна

Повторяйте за мной: «Повторение сопутствует успешной композиции».

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

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

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

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

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

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

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

Обрезка

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

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

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

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

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

Отбросив все лишние детали, оставить только самое необходимое. Подчеркнуть внутреннее содержание всем образным строем картины.

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

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

Тональный диапазон

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

Гистограмма дает нам действительно хорошее представление о тональном диапазоне изображения по шкале от 0 до 255. Белая точка (крайняя справа по шкале) имеет значение 255, и она совершенно белая, а черная точка (крайняя слева по шкале) имеет значение 0, она абсолютно черная, в то время как точки между абсолютно черной и абсолютно белой составляют средние тона.

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

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

Соблюдайте баланс между элементами

Что такое

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

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

Правило третей впервые было записано художником-пейзажистом Джоном Томасом Смитом в 1797 году. Если захотите поработать с первоисточником, полистайте книгу «Замечания о сельском пейзаже». Правило третей отталкивается от того, что центр кадра не является лучшей точкой для восприятия человеческого глаза. В это же время выравнивание предмета по опорным точкам и линиям придает изображению динамичность и вызывает больший интерес, нежели центрирование.

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

Акцентируйте внимание на главном

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

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

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

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

И затем указатели привлекают внимание к информации, приведенной несколько ниже

На постере Шоны Линн Панцужен в центре внимания также находится сидящий мужчина

Фокус осуществляется с помощью центрального расположения фотографии, где вокруг человека используется графика, привлекающая к нему внимание

Тональный контраст

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

Многие из великих художников начинали работу с чёрно-белых эскизов — например, так работал Рубенс.

Давайте посмотрим на тональный контраст в живописи Тициана: слева оригинал, а справа — отредактированный вариант, в котором осветлён фон.

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

Художники-импрессионисты намеренно избавляются от контраста светлого и тёмного. За счёт сближенных по тону цветовых пятен создаётся нечёткое, будто вибрирующее изображение.

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

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

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

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

Изображения справа легко узнаваемы

Если уменьшить контраст тёмного и светлого, получится вот так:

Логотипы Tik Tok и Shell слились в одно пятно, а Starbucks и Slack с трудом различимы на белом фоне.

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

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

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

Рейтинг

( Пока оценок нет )

Editor/ автор статьи

Давно интересуюсь темой. Мне нравится писать о том, в чём разбираюсь.

Добавить комментарий

Как использовать контраст в фотографии

На чтение: 22 минРубрика: Фотооборудование

Динамический диапазон

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

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

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

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

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

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

Миф № 1 о правиле третей: «Оно делает изображение приятным глазу»

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

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

«Взаимодействие фигуры и фона

Подпись к фотографии: Фотография Анри Картье-Брессона, которая демонстрирует великолепное «взаимодействие фигуры и фона»)

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

Картина Эдгара Дега, демонстрирующая «арабеску»

Здесь — «Наибольшая область контраста», которая помогает направить взгляд зрителя к главному персонажу.

Фотография Дэвида Беллемера

(Подпись на фотографии: «Наибольшая область контраста»)

Масштаб и иерархия

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

Поэтому так важно уметь правильно их применять для создания удачной композиции

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

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

Масштаб часто используется для связности элементов иерархии

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

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

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

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

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

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

Цветовые контрасты

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

При помощи 7 контрастов можно подчеркнуть в цвете то или иное качество.

Существует 7 контрастов:

1 Контраст по тону построен на разнице между цветами. Он представляет собой комбинирование цветов, приближенных к определенным спектрам.

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

2 Контраст светлого и темного. Самым выразительным примером является сочетание белого и черного.

Прекрасно подойдет для достижения эффекта определенности.

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

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

Этот контраст хорош для создания образов с разной активностью: от «снежной королевы» до «борца за справедливость».

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

В круге Иттена, эти цвета стоят напротив друг друга.

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

А вот в живописи этот инструмент весьма уместен.

5 Симультанный контраст – его не существует вне нашего восприятия. Этот контраст более других подтверждает стремление нашего сознания к золотой середине.

Симультанный контраст – это создание иллюзии дополнительного цвета на соседнем оттенке.

Более всего это проявляется в сочетание черного или серого с ароматичными (отличным от черно-белого) цветами.

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

На оранжевом, серый примет синеватый оттенок,

На красном – зеленоватый,

На фиолетовом – желтоватый оттенок.

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

6 Контраст по насыщенности. С понятием насыщенности можно ознакомиться здесь.

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

Чистый контраст по насыщенности строится на основе разницы между ярким и не ярким цветами в одной светлоте.

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

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

Замечено, что для достижения гармонии светлого должно быть меньше, чем темного.

Чем светлее пятно на темном фоне, тем меньше для равновесия оно занимает пространства.

При цветах равных по светлоте пространство, занимаемое пятнами, равно.

Формальная композиция. Приемы

Доминанта

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

Симметрия

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

— неравномерное размещение.

Динамичная композиция

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

Статичная композиция

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

Ритм

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

Контраст

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

Одномерный контраст – контраст только по одному параметру, например по форме

Многомерный контраст – контраст по нескольким параметрам сразу: например, форма и цвет

Нюанс

Нюанс (фр.) – тонкое различие, едва заметный переход. Различают нюансы по форме, размеру, цвету, фактуре и т. д

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

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

Акцент

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

Аналог

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

Елена Лебедева, графический дизайнер solla.site, преподаватель компьютерной графики

Так же Вам будет интересно:

Колористика
Нарисовать логотип. Классификация логотипов
Цветовые модели CMYK и RGB в компьютерной графике
Курсы дизайна в Калининграде
Стиль гранж
Футуризм в веб-дизайне
Журнальный стиль сайта
Мультяшный стиль сайта
Ретро стиль в веб-дизайне

Выстраивайте элементы дизайна

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

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

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

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

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

Формальная композиция. Приемы

Доминанта

Симметрия

— неравномерное размещение.

Динамичная композиция

Статичная композиция

Ритм

Контраст

Одномерный контраст – контраст только по одному параметру, например по форме

Многомерный контраст – контраст по нескольким параметрам сразу: например, форма и цвет

Нюанс

Нюанс (фр.) – тонкое различие, едва заметный переход. Различают нюансы по форме, размеру, цвету, фактуре и т. д

Акцент

Аналог

Елена Лебедева, графический дизайнер solla.site, преподаватель компьютерной графики

Так же Вам будет интересно:

Колористика
Нарисовать логотип. Классификация логотипов
Цветовые модели CMYK и RGB в компьютерной графике
Курсы дизайна в Калининграде
Стиль гранж
Футуризм в веб-дизайне
Журнальный стиль сайта
Мультяшный стиль сайта
Ретро стиль в веб-дизайне

Правило «золотого сечения»

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

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

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

Маяк помещен в правой верхней трети кадра, чтобы в поле зрения наблюдателя попали часть местности, освещаемая маяком.

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

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

Если не следовать этому совету, то может возникнуть впечатление, что девочка вот-вот выбежит за рамку кадра.

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

Вот еще один пример того, насколько важнее оставить свободное пространство перед объектом, чем позади него.

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

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

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

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

Направляйте взгляд читателя с помощью указателей

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

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

Кроме того, они могут указывать на какие-то связующие элементы текста или небольшие кусочки информации

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

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

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

Подобное можно наблюдать на постере 1 Trick Pony, где правая рука мужчины используется для «переадресации» взгляда от изображения к логотипу, и затем к нижней части изображения. Таким образом, формы изображения могут послужить указателями.

Примеры

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

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

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

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

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

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

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

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

Ведите взгляд с помощью направляющих линий

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

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

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

Динамика и статика

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

Приемы композиции

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

Контраст — четко выраженная разница любого качества на грани противопоставления.

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

Рис. 7. Пример работы по композиции с использованием приема контраста

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

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

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

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

Тождество — повтор равных величин (1:1), что составляет самую зависимость между ними. Так, метрический ряд формируется на основе использования тождественных элементов (рис. 9,10).

С понятием метра и ритма неразрывно связаны и такие свойства композиции, как статичность и динамичность.

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

Динамичность формы — закономерная и последовательная смена любых свойств формы в одном направлении в ее пределах. Ритмические ряды придают системе динамичность (рис. 11).

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

Рис. 8. Пример работы по композиции

Рис. 9. Ритм и метр в композиции

Теоретическая закономерность б, в, г — примеры ритмической закономерности

Рис. II. Статика и динамика в композиции

Рис. 12. Пример использования приема динамичности (а, б) и статичности (есть) в над композиционной работе

Анализ чужих работ

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

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

Масштаб и пропорции

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

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

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

Рейтинг

( Пока оценок нет )

Editor/ автор статьи

Давно интересуюсь темой. Мне нравится писать о том, в чём разбираюсь.

Добавить комментарий