Вы находитесь на странице: 1из 32

 

  

Основы композиции 
Лекція №3 
 

ТЕОРІЯ ТА МЕТОДИКА ДИЗАЙНУ 


 

 

 

Основы композиции
 

Композиция​ – это сложение малых частей в одно целое. 

Также  композицию  можно  представить  как  игру.  Есть  два  игрока: вы (создатель 


композиции) и наблюдатель. 
Цель  игры  –  заставить  человека  выполнить  определенные  действия  или 
доставить  ему  определенную  информацию.  Если  у  игры  нет  цели,  вы  никогда  не 
выиграете. 
Выстраивая  композицию,  вы  задаете  правила  игры  и  управляете 
поведением оппонента. 
Почему  мы  можем  управлять  оппонентом?  Композиция  –  это  еще  и  среда,  в 
которую  мы  помещаем  наблюдателя.  А  поведение  любого человека напрямую зависит 
от его личности и среды, в которой он находится. 
Основные виды плоскостных композиций: 
1. Симметричная 
2. Асимметричная 
Также выделяют: 
1. горизонтальную 
2. вертикальную 
3. диагональную 
4. круговую 
5. глубинную 
6. ракурсную 
Создание  композиции  также  подчиняется  нескольким  основным  правилам 
размещения якорных объектов. 

 

 

 

Якорные  объекты  –  это  ключевые  точки  взаимодействия 


мозга пользователя с областью композиции. 

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

 

Правило силовых сторон. ​Якорные объекты также можно разместить вдоль одной из 
силовых сторон композиции. 

 

Как выбрать тип композиции и правило размещения якорных объектов?  


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

A и Ω композиции – объект (контент) 

Для  грамотной  подачи  объекта  вам  ​необходимо  разработать  свою 


метрическую систему​. Как это сделать? 
 
★ Определиться с главным объектом. 
★ Выбрать область композиции, ее формат. 
★ Учесть окружающую среду (где будет представлена ваша композиция?). 
★ Учесть условия взаимодействия (сколько времени наблюдатель будет 
коммуницировать с композицией и т.д.). 
★ Изучить особенности потребления. 
★ Учесть другие факторы. 
 
Для создания композиции, как правило, используют с
​ етки​.  
Сетки бывают:  
➔ колоночные,  
➔ строчные,  
➔ в клетку,  
➔ в косую линию,  
➔ радиальные,  
➔ сетка Вилларда (микроформатные),  
➔ ромбические,  
➔ фасетные и т.д. 

 

 
 

 

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

Восприятием человека можно управлять. 


Этого мы и добиваемся в своей композиции 

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

 
Базовые элементы композиции 
Компонентами композиции являются: 
➔ Точка 
➔ Линия 
➔ Прямоугольник 
➔ Окружность 
➔ Многоугольник 
 
Все композиции могут состоять из этих базовых элементов. 

 

У каждого базового элемента есть свои о


​ птические особенности​. 
10 
 

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


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

То же п
​ равило​ касается и о
​ стрых углов​. 
 
11 
 

Многоугольники и прямоугольники выравниваются по центру массы​. 

Квадраты  и  окружности  будут  казаться  более  идеальной  формы​,  если  их 


немного вытянуть. 

 
 
12 
 

 
 
Чтобы  ваш  оппонент  хорошо  считал  якорный  объект,  нужно  дать  ему 
немного  пространства  (белый  фон,  white  space).  Это  нужно,  чтобы  облегчить 
восприятие элементов мозгу вашего оппонента. ​Чем больше «белого пространства» у 
объекта,  тем  легче  его  заметить  и  считать.  Вы  также  можете  управлять  вниманием 
оппонента при помощи увеличения или уменьшения этого пространства. 
Из этого выведено правило ​«​внутреннего и внешнего​».​  
13 
 

Внутренний отступ должен быть равен или быть 


меньше, чем внешний 

Чем проще воспринимается вашим оппонентом композиция, тем лучше.  

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


композиции максимально простым. 
 
14 
 

Группировка элементов 
 

Геометрический и композиционный центры, средства 


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

 
Любой  предмет,  вписанный  в  этот  центр,  будет  чувствовать  себя  вполне 
уверенно. 
 

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


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

То  есть,  в  композиционном  центре  находится  основной сюжет произведения. В 


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

Композиционный центр и геометрический центр 


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

 
16 
 

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


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

 
 
 

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


 

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


 

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

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


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

 
 

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


Различное  расположение  элементов  на  плоскости  может  создать  гармоничное 
или  негармоничное  изображение.  ​Гармония  -  это  ощущение  и  понятие  о 
правильном  расположении  элементов  весьма  интуитивно.  Однако  можно  выделить 
несколько совсем не интуитивных правил. 
Расположение  простых  геометрических  фигур  на  изображении слева выглядит 
намного более гармоничным. Почему? 
18 
 

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

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

 
 

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

 
 
20 
 

В  этом  рисунке  не  соблюдено  правило  золотого  сечения,  но  создается 


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

 
 
 
 
 

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


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

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

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


можно использовать диагональные линии. 

Так же можно передать движение, оставив свободное 


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

Движение  можно  передать  последовательным  отображением  некоторых 


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

Движение можно замедлить или ускорить: 

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

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

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

Ритм может сделать композицию спокойной или 


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

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


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

надежности,  иногда,  величества.  ​Однако  создавать  изображение  абсолютно 


симметричным не стоит.  
 

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

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


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

 
 
 
26 
 

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

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

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

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

 
 
 
 
 
 
 
 
 
 
28 
 

Композиция в архитектуре 
 

Композиция  в  архитектуре  –  это  определенное  закономерное  расположение 


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

«Творческая деятельность архитектора состоит в 


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

Понятие о видах композиции 


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

Объемная композиция 
Объемная  композиция  характеризуется  относительно  равномерное  развитием 
по всем трем координатам.  
29 
 

Воспринимается при движении зрителя вокруг неё. 


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

 
30 
 

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

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

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


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

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

современным  высотным  офисам,  гостиницам,  а  также  инженерным  сооружениям  – 


телевизионным, водонапорным, радиобашням.  
 

В высотных сооружениях композиционно 


выявляется ведущая роль вертикальной координаты. 
 

Средства архитектурной композиции: 


➔ Пропорции 
➔ Ритм 
➔ Контраст 
➔ Нюанс 
➔ Тождество 
➔ Симметрия 
➔ Асимметрия 
➔ Масштабность   
 
Пропорции  -  один  из  важнейших  методов  построения  гармоничной 
архитектурной  формы.  Означает  соразмерность,  определенное  соотношение  частей 
между  собой  Понятие  пропорции  употребляется  как  соотношение  основных 
параметров  формы  (длина,  ширина,  высота).  Именно  это  значение  имеют  в виду, когда 
говорят  о  пропорциях  какой-либо  отдельно  взятой  вещи,  в  т.ч.  здания  (например,  куб) 
или динамичного (вытянутая призма). 
Ритмом  называют  закономерное  чередование  элементов  во  времени  и 
пространстве - элементы фасада, секции, здания и тп. 
Контраст  является  усиленным  проявлением  различий  в  свойствах 
объемно-пространственных форм, противопоставлением их по какому-либо свойству. 
Нюанс  представляет  собой  отношение  близких  состояний  свойств  элементов 
архитектурной формы. 
Тождество  ​понимается  как  принцип  полного  сходства  элементов  в 
архитектурной композиции. 
Симметрия  и  асимметрия.  ​Наиболее  широко  распространенным  в 
архитектуре  видом  симметрии  является  зеркальная  симметрия,  симметрия  левого  и 
правого.  Асимметрия  —  понятие,  противоположное  понятию  симметрии.  В 
асимметричных формах элементы симметрии отсутствуют. 
Масштабность  -  одно  из  средств  создания  композиционного  единства  –  т.е. 
соразмерность  формы  и  ее  элементов  по  отношению  к  человеку,  окружающему 
пространству  и  другим  архитектурным  формам.  Понятие  “масштабность”  определяет 
относительное  соответствие  воспринимаемых  человеком  форм  архитектурного 
произведения  размерам  человека.  Здание  может  быть  масштабно как по отношению к 
размерам  человека,  так  и  по  отношению  к  соседним  зданиям,  к  площади,  на  которой 
оно находится и т.д.