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

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

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

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

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

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

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

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

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

Повторение и ритм

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

Единство в разнообразии

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

Применение правил композиции.

Подача информации.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Гармонично сочетаются следующие цвета и оттенки: цвета, которые находятся на равном расстоянии друг от друга в одной половине цветового круга. Например, зеленый, желтый, оранжевый; противоположные цвета в цветовом круге. В сочетании трех тонов один из них должен доминировать. Два других цвета должны быть в равных количествах. Это значит, что, если в композиции использованы, например, зеленый, желтый и красный тона, то один из них должен составлять, например, 50% цвета композиции, два других -- по 25%.Кроме того, фон для композиции выдерживается в нейтральных тонах (белый, черный, серый). Либо фон включает в себя оттенок основного цвета композиции (например, если в композиции доминирует розовый, а фон для нее -- белый, то фон будет белым с розовым оттенком). Задний фон создается темным для ярких цветов, светлый фон -- для темных цветов. Цветовые сочетания создают монохромные, контрастные (дополнительные), аналогичные (соседние) или полихромные (многоцветные) композиции. В монохромной композиции используют различные оттенки одного цвета. В контрастных композициях используют противоположные в цветовом круге цвета. Контрастные сочетания не должны быть слишком яркими.

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

• - Контраст цветовых сопоставлений. Наиболее выраженным цветовым контрастом обладают желтый, красный и синий цвета. Он создает впечатление пестроты, силы, решительности. По мере удаления выбранных цветов от основных трех интенсивность цветового контраста ослабевает. На нем основано народное искусство различных стран.
• - Контраст светлого и темного. Белый и черный цвет являются наиболее выразительным средством для обозначения света и тени.
• - Контраст холодного и теплого. Двумя полюсами контраста тепла и холода являются красно-оранжевый (самый теплый) и сине-зеленый (самый холодный). Использование этого контраста достигает совершенной красоты, только при отсутствии различий в светлоте и темноте использованных цветов.
• - Контраст дополнительных цветов. Два цвета являются дополнительными, если при смешении дают нейтральный серо-черный цвет. Они противоположны друг другу, но одновременно нуждаются один в другом. Дополнительные цвета, в их пропорционально правильном соотношении, придают произведению статически прочную основу взаимодействия. При этом каждая пара дополнительных цветов обладает и другими особенностями (пара желто-фиолетовый - контраст светлого и темного, красно-оранжевый - сине-зеленый - контраст холодного и теплого).
• - Симультанный (одновременный) контраст - явление, при котором наш глаз при восприятии какого-либо цвета требует его дополнительного цвета, и если таково нет, одновременно порождает его сам. Симультанно порожденные цвета - лишь ощущение и реально не существуют, они вызывают чувство живой вибрации от непрерывно меняющейся интенсивности цветовых ощущений.
• - Контраст цветового насыщения. Противоположность между цветами насыщенными, яркими и блеклыми, затемненными. Цвета могут быть осветлены или затемнены разными способами, которые придают им разные возможности. Действие этого контраста относительно: цвет может показаться ярким рядом с блеклым тоном, и блеклым - рядом с более ярким.
• - Контраст цветового распространения. Характеризует размерные соотношения между цветовыми плоскостями. Его суть - противопоставление «много - мало», «большой - маленький». При этом необходимо учитывать яркость или светлоту того или иного цвета, так как яркость и размер цветовой плоскости и определяют силу воздействия цвета. Исключительная особенность этого контраста - его способность изменять и усиливать проявления всех других контрастов. Так, если в композиции, основанной на контрасте светлого и темного, большая темная часть контрастирует с меньшей светлой, то благодаря этому противопоставлению произведение может приобрести особо углубленный смысл.

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

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

Также существует понятие нюанс. Это оттенок, незначительная, еле заметная смена одного цветового тона другим), одной градации светотени в другую. Нюансировка - объединение оттенков, используется для достижения более утончённой моделировки объекта изображения. Родственные цвета располагаются в одной четверти цветового круга и имеют хотя бы один общий цвет, например, желтый, оранжевый и желто-красный. Существуют четыре группы родственных цветов - желто-красные, красно-синие, сине-зеленые, зелено-желтые. При этом в сочетании не должно быть одновременно двух контрастных цветов. Сочетания цветов играют важную роль в создании гармонических композиций. Техника цвета - это высшая математика для художника; у каждого мастера свои методы решения задач, но без “арифметики”, то есть без знаний строгих закономерностей теории цвета, совершенства не достичь.

Что такое композиция?

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

Геометрический и композиционный центр.

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

(совпадение геометрического и композиционного центров)

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

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

Композиционный центр может быть выделен:
- контрастом света и тени
- контрастом цвета
- размером
- формой

Основные понятия и правила композиции.

Диагональные линии в композиции:

График на рисунке слева означает рост. График на рисунке справа означает падение. Так уж сложилось. И, соответственно, в композиции диагональная линия, проведенная от левого нижнего угла к правому верхнему воспринимается лучше, чем линия, проведенная от левого верхнего угла к правому нижнему.

Замкнутая и открытая композиция:

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

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

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

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

Что такое симметрия понятно. А что такое золотое сечение?

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

Части этого отрезка примерно равны 5/8 и 3/8 от всего отрезка. То есть, по правилу золотого сечения зрительные центры в изображении будут располагаться так:

Правило трех третей:

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

Динамика и статика в изображении, движение, ритм.

Динамичная композиция - композиция, при которой создается впечатление движения и внутренней динамики.

Статичная композиция (статика в композиции) - создает впечатление неподвижности.

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

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

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

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

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

Ритм в изобразительном искусстве может создаваться повторением цвета, объектов, пятен света и тени.

Симметрия и асимметрия в композиции, достижение равновесия.

Симметрия:

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

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

Асимметрия, достижение равновесия:

Чтобы понять, что такое равновесие можно представить механические весы.

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

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

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

Так же добиться равновесия при асимметрии можно будет, перевесив больший предмет ближе к центру:

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

Заключение.

Правила композиции не являются обязательными для соблюдения. Даже наоборот. Некоторые правила противоречат один другому. Однако, прежде чем нарушать какое-либо правило, его надо знать и уметь им пользоваться. Помните, если Вы нарушаете правила, Вы должны четко осознавать, ДЛЯ ЧЕГО Вы это делаете.

Композиция - это правильное расположение элементов изображения, основанное на анализе восприятия человеком зрительной информации.

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

Что такое композиционный центр?

Это точка внимания, акцент зрительского внимания. Вот несколько примеров того, как можно захватить внимание зрителя:

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

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

Выделение цветом

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

Выделение размером

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

Выделение формой

Сложный объект, состоящий из множества элементов на фоне самой просто геометрии - круга.

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

Понравилось? - Подпишись на мой канал о дизайне и искусстве в Telegram, чтобы не пропустить новые статьи: