Основные принципы создания гармоничной композиции в дизайне. Гармоничная композиция в веб-дизайне Основные законы и правила композиции в дизайне
Задумывались ли вы над тем, почему на одни произведения искусства нам приятно смотреть, а на другие нет? Причина этого - удачная или неудачная композиция изображенных элементов. Именно от нее зависит то, как воспринимается картина, статуя или даже целое здание. Хотя на первый взгляд кажется, что это непросто - предусмотреть все, на самом деле создание композиции, которая будет приятна взору, - дело не такое уж сложное. Однако для этого нужно знать о законах, принципах и других ее составляющих. Давайте узнаем обо всем этом.
Что такое дизайн и каковы его особенности?
Прежде чем рассмотреть особенности композиции, стоит узнать о таком понятии, как дизайн. Хотя это слово часто используется в современном лексиконе, далеко не всякий знает о его значении.
Так именуется вид художественно-технической деятельности, направленной на формирование гармонической предметной среды, наиболее полно удовлетворяющей материальные, а также духовные потребности личности.
При создании композиции в дизайне всегда во главу угла ставятся два его компонента - практичность (функциональность) и эстетичность (внешняя красота).
Виды
Сам по себе дизайн очень многогранен. При этом все же можно выделить несколько его основных видов:
- Графический - нацелен на создание шрифтов, пиктограмм, фирменного стиля, разнообразных визуальных коммуникаций и т. д. Все изображения такого рода создаются на плоскости.
- Промышленный - специализируется на разработке машин, приборов, оборудования, мебели, посуды, одежды. В данном случае работа осуществляется не на плоскости, а с объемом.
- Архитектурный - нацелен на разработку и постройку сооружений и их комплексов (в том числе интерьера). Творец в этой среде работает с пространством.
- Наиболее сложный, так как нацелен на разработку сложно-динамической системы среды обитания людей.
- Дизайн сферы - это один из новых видов. К нему относится экодизайн, футуродизайн и т. п.
- Дизайн, нацеленный на результат работ. К этому виду относятся web-дизайн, компьютерный и артдизайн.
Что такое композиция и зачем она нужна?
Данное слово произошло от латинского compositio и означает гармоническое сочетание различных элементов произведения таким образом, чтобы они создавали впечатление единого целого.
Композиция в дизайне - это расположение и связь частей изделия, обусловленных их компоновкой. Она должна соответствовать их назначению, а также художественно-образному замыслу создателя, который отражает вероятные ожидания конечного потребителя проектируемого продукта.
Немного сложно, не так ли? Говоря более простым языком, изучаемое явление - это создания такого произведения, которое понравится заказчику. Исходя из этого объяснения, понятно и назначение композиции в дизайне - привлечь внимание потенциального покупателя.
Хорошо, хотя и немного жестко объясняет его цель герой фильма "Глянец": "Дело художника - почувствовать то, что продается... Что не продается, то не искусство!"
Геометрический и композиционный центр: в чем разница?
Итак, из чего же состоит композиция? В первую очередь, создавая ее, необходимо найти композиционный центр. Его цель - привлечь внимание зрителей ко всему произведению. Фактически именно эта деталь является тем якорем, который должен "зацепить" увидевшего готовое изделие.
Помимо композиционного, в любой работе выделяется также геометрический центр, который фактически является его срединой.
Для лучшего восприятия произведения, конечно, лучше, когда эти два центра совпадают, однако так бывает не всегда.
Существует ряд способов акцентировать внимание именно на композиционном центре, даже если он расположен не посредине:
- Выделение его с помощью цвета.
- Выделение с помощью отличающейся формы от других элементов композиции.
- Выделение особым освещением.
- Выделения за счет контрастного размера по сравнению с другими деталями.
Элементы композиции
Существуют различные классификации Большинство специалистов сходятся в том, что основных из них три:
- Точка - это графический акцент на плоскости.
- Линия - по форме характеризуется протяжностью или развитием на плоскости в одном координатном направлении (в длину).
- Пятно - в отличие от вышеупомянутых элементов, оно обычно заполняет большую часть графической плоскости.
Основные виды композиции
Как правило, выделяют тройку базовых видов композиции.
- Фронтальная - подразумевает заполнение изображением всей плоскости. Как правило, используется при создании орнаментов, ковров, мозаики и т. п.
- Объемная - относится к трехмерным видам искусств (архитектура, скульптура, керамика). В большинстве случаев, чтобы рассмотреть изделие такого рода, необходимо обойти его с разных сторон, поскольку оно не может быть охвачено взглядом полностью с одного ракурса.
- Объемно-пространственная композиция в дизайне - состоит из нескольких объемных работ, расположенных в пространстве с определенными интервалами.
Композиционные законы
Хотя каждый творец руководствуется собственным вкусом (или желанием заказчика) при создании дизайна, существуют определенные законы композиции, которые все равно приходится соблюдать, причем далеко не всегда понимая это. Дело в том, что они были выделены на основе многолетних наблюдений психологов за способностью человеческого мозга воспринимать те или иные комбинации элементов.
Итак, существует три закона композиции:
- Цельность и единство. Благодаря им произведение воспринимается как единое целое, несмотря на многочисленное количество деталей. Этот закон базируется на двух составляющих - неделимости композиции (невозможность воспринимать ее как совокупность отдельных составляющих) и необходимости связи и согласованности между элементами композиции (для этого важно отслеживать, насколько все детали "дружат" между собою и не являются ли они оторванными друг от друга). Специфичность данного закона заключается в том, что он распространяется лишь на область композиции в дизайне произведений искусства.
- Равновесие. Это такое состояние, при котором все элементы сбалансированы между собой. Уравновешенные части целого приобретают так называемую зрительную устойчивость. В основном данное состояние сводится к балансу по выразительности. Равновесие в изделии может быть статическим (изображение кажется устойчиво неподвижным) и динамическим (его составляющие производят впечатление движения).
- Соподчинение. Это подчинение всех композиционных деталей единому авторскому замыслу. Фактически данный закон подразумевает создание иерархии в произведении. Согласно ей, выделяется доминанта (центр композиции), которой и подчиняются все остальные элементы.
Средства
Рассматривая особенности композиции, нельзя обойти вниманием и такой вопрос, как средства для ее создания. Ведь именно они помогают творцу максимально точно передать свою мысль в произведении. Для многих людей искусства средства более известны как принципы композиции в дизайне.
Парадоксально, но когда все они соблюдены, понять их сложно. Зато если в готовой работе нарушен хоть один - это сразу же бросается в глаза. Давайте же рассмотрим их, чтобы знать, на что стоит обращать внимание не только при создании шедевров, но и при рассмотрении и анализе их.
- Контраст - это резкое различие элементов, противопоставление их по определенным критериям (светлый и темный, длинный и короткий и т. п.). Таким способом усиливается выразительность готовой работы. Контраст бывает как одномерным, так и многомерным.
- Нюанс - незначительные различия между элементами в композиции в рамках одной и той же категории. Выделяют одномерный и многомерный нюансы.
- Тождество. Так называется повторение элементов одинаковых, схожих по своим качествам. Таким как размер, форма или тон. Тождество явля-ется признаком статичности всей комбинации.
- - это равномерность распределения деталей относительно геометрического центра. Она бывает зеркальной, осевой, зеркально-осевой и винтовой. Асимметрия - это отсутствие симметрии. Хотя наш мозг ориентирован на равномерные изображения (нарушение этого баланса им воспринимается не так хорошо), иногда асимметричные решения оказываются более чем впечатляющими.
- Ритм. Хотя кажется, что подобное явление характерно только для музыки, однако и для искусства композиции оно является важным средством. В данной сфере под ритмом подразумевается чередование различных элементов в определенной последовательности. Одним из важнейших является повторяемость деталей (форм), а также интервалов меж ними. Такие повторы бывают равномерными, убывающими и нарастающими.
- Модульность - это универсальное средство дизайна, однако до сих пор нет четкого определения понятию "модуль". В общем, так принято именовать величину, принимаемую за основу расчета какого-либо предмета.
- Пропорциональность - согласованность, стройность, а также соразмерность в сочетании чего-то. Она часто воспринимается как соразмерность. Это средство применяется в архитектуре или искусстве.
- Масштабность является важнейшей из средств архитектурной композиции. Она определяет соотношение размеров чего-то (частей, членений, деталей сооружения), которое позволяется создать гармоничное сочетание их с размерами человека и окружающими его предметами. Данное средство базируется на двух принципах: человеческий индивидуум - это мера всех вещей; масштаб определяется при помощи соотношения отдельно взятых частей и целого.
Физические свойства формы
При создании композиции всегда стоит помнить, что все изображенные предметы обладают определенными пространственными свойствами:
- Геометрический вид. Он определяется соотношением размеров геометрических фигур согласно трем координатам пространства, а также характером поверхности формы. Выделяются три вида формы: объемная, плоская, линейная.
- Величина - это свойство, которое оценивается по отношению к человеческим размерам или другим формам.
- Положение. Геометрические фигуры могут быть расположены в отношении друг друга или зрителя, как ближе, так и дальше, выше, ниже, слева или справа. Также формы способны располагаться по отношению к другим на одном или сразу нескольких уровнях.
- Цвет - является одним из самых важных свойств, способных вызывать различные зрительные ощущения в соответствии со спектральным составом отражаемого/излучаемого ими света. Он обладает такими характеристиками, как тон (оттенки), насыщенность (степень яркости/блеклости) и светлота (отражающая способность цветовой поверхности). Обычно цвета принято делить на теплые (от желтого до красного) и холодные (от зеленого до фиолетового). Подобное разделение связано с энергетическим спектральным балансом: теплые оттенки несут большую часть энергии, а холодные — значительно меньшую. Как доказали ученые, цвет активно воздействует на человеческую психику. Он может вызывать разнообразные эмоции и переживания (радовать, огорчать, бодрить, угнетать). Именно поэтому так важна хорошо продуманная в дизайне любого изделия.
- Светотень - свойство, которое характеризуется распределением темных и светлых участков на поверхности фигуры. Она облегчает восприятие объема и рельефа наблюдателем, а также способна зрительно обобщить или расчленить объем или поверхность предмета. Кстати, рельеф предмета и его трехмерность воспринимаются таковыми именно благодаря градациям и переходам от более освещенных участков к менее.
- Фактура - создает зрительный образ композиции и является одним из основных источников получения осязательной информации. Кстати, именно различие фактур дает возможность отличать на черно-белом изображении схожие между собою вещества: металл и воду, снег и бумагу и т. п. При планировании изделия выбор фактуры его столь же важен, как и выбор материала. Ведь одно и то же вещество способно смотреться весьма по-разному при различной обработке.
- Текстура. Она играет такую же важную роль в процессе восприятия готовой композиции, как и фактура. Ведь с ее помощью удается определить признаки структуры материала, из которого предмет изготовлен. Чаще всего подобное свойство характерно для дерева, кожи, а также ткани. Текстуры очень часто выступают в роль декоративного элемента при проработке проекта. Удачное сочетание фактуры с текстурой прежде всего применяется для передачи естественного качества материала, раскрытия его эстетического своеобразия. В том случае, когда фактура или текстура вещества выразительные - их воздействие на зрителя способно быть более эффективным, чем влияние самой формы изделия. При этом чрезмерная броскость их иногда способна вызвать обратный эффект.
Шрифты в композиции
Помимо всего вышеперечисленного, весьма важную роль в создании оригинального дизайна чего-то играют надписи (шрифты).
Они постоянно используются для оформления мемориальных досок, вывесок, надписей на упаковках или этикетках промышленных товаров и т. п.
Нередки случаи, когда шрифтовая композиция в дизайне играет не только роль источника информации, но и обеспечивает эстетическое качество среды обитания человека.
В зависимости от назначения выделяются такие категории шрифтов:
- Изящные.
- Массивные.
- Строгие.
- Живописные.
Основными эстетическими критериями при выборе того или иного вида букв является гармоничность их пропорций, красота рисунка каждой из них, читаемость, четкость и соразмерность. Для достижения подобных целей ежегодно создаются десятки новых шрифтов, которые призваны удовлетворить растущие запросы к оригинальному дизайну.
От автора: сегодня мы поговорим о том, что такое композиция в веб-дизайне, о которой так любят поговорить фотографы, художники и веб-дизайнеры. Новичку в этой сфере может показаться, что это какое-то секретное знание, доступной лишь избранным. Но сегодня вам повезло: я помогу разобраться в этом вопросе, да так, что вы сможете влиять не только на настроение посетителей сайта, но и их решение о покупке. Ну что, поехали?
Наверняка, вам часто приходится посещать сайты, которые, на первый взгляд, вроде как и ничего - и картинки красивые, и текст складный, однако, не хватает в них какой-то логичности, завершенности, что ли. А все потому, что владельцы таких сайтов, скорее всего, не стали заморачиваться с соблюдением законов композиции - искусства организовывать элементы сайта, объединяя и расставляя их по своим местам.
Ох уж этот мозг…
Наш мозг имеет способность мгновенно воспринимать информацию и создавать визуальные связи. Объясню на примерах. Ниже вы видите два круга.
Вы сразу же нашли способ различить их, не правда ли? А вот вам задачка посложнее.
Несмотря на такое разнообразие объектов, вы точно сможете описать любой из них.
При чем здесь веб-дизайн, баланс, основы композиции? - спросите вы. Все дело в том, что наш мозг имеет уникальную способность к мгновенной классификации информации. Он может группировать визуально похожие объекты в группы. Используя простейшие визуальные инструменты, вы можете передавать пользователям большой объем информации и управлять их вниманием.
Композиция - это определенное сочетание элементов сайта
Гармония в соотношениях частей целого, красота и логика построения присуща не только творениям человека. Признаки композиции можно обнаружить в строении вселенной, животных организмов и растений, природных формах. Поэтому термин «композиция» можно одинаково применить к строению веб-сайта, описанию цветка и характеристике ораторской речи.
Проще всего говорить о композиции в веб-дизайне, когда она не соблюдена. Каждый из нас интуитивно чувствует ее присутствие/отсутствие: находятся ли элементы в гармоничном взаимодействии, подчинены ли они главной идее сайта, картины, фотографии.
Чтобы дизайн вашего сайта смотрелся естественно и гармонично, не разваливаясь на отдельные составляющие, следуйте базовым принципам дизайна, описание которых я даю в данной статье.
Выбираем правильные цвета
От выбора цвета зависит то, как люди воспримут ваш сайт, а заодно, и ваш продукт. Приглушенные цвета кажутся нам расслабленными и спокойными, а яркие и контрастные - бодрыми и энергичными.
Подумайте, какую эмоцию вы желаете вызвать в посетителе вашего сайта, а после этого подбирайте подходящую цветовую схему. Хорошим примером может послужить свежий дизайн сайта Orangina, подчеркивающий имидж бренда:
Для привлечения внимания следует использовать цветовые акценты. В контрастных цветах можно, к примеру, оформить самые важные кнопки - «Купить» и «Связаться с нами». Ознакомлю вас с некоторыми важнейшими принципами выбора и сочетания цветов.
1. Дополнительные цвета. Все противоположности на цветовом круге создают сильный контраст, поэтому их использовать можно, но только осторожно.
2. Аналоговые цвета. Такие «соседи» на цветовом круге не имеют сильного контраста.
3. Триада. Практически беспроигрышная комбинация - это равнобедренный треугольник.
4. Тетрада. Две пары дополнительных цветов следует применять очень осторожно, чтобы не добиться хаоса в теплохолодности.
Правило третей - что куда ставить?
Правило третей относится к основам композиции в веб-дизайне. Оно возникло в результате интерпретации правила золотого сечения (может, помните, Леонардо да Винчи еще его использовал на своих картинах).
Вначале хотел для примера показать вам картину «Витрувианский человек», но по причине его чересчур откровенного наряда, точнее, его отсутствия, решил, что не буду. Вдруг, здесь дети статью читают Поэтому полюбуйтесь на Мадонну:
Мысленно проведите на странице две вертикальные и две горизонтальные линии, поделив область на девять равных частей. Считается, что большинство людей фокусируют взгляд именно на точках пересечения этих линий. Вспоминайте о правиле третей каждый раз, когда думаете, куда разместить, к примеру, кнопку с призывом к действию.
Вообще, это довольно забавно, что такое математическое правило применяется к чему-то настолько субъективному, как веб-дизайн. Это своеобразный эстетический компромисс, который создает ощущение сбалансированности на экране, не перегружая его, но и не делая излишне статичным.
Расчищаем пространство
Наверняка в детстве родители просили вас навести порядок в своей комнате, потому что (цитирую) «места свободного нет». Эх, золотые слова… Пустое пространство, или, как говорят дизайнеры, «воздух» - эта основа основ композиции веб-дизайна. Иногда он даже важнее, чем контент. Поэтому, если свободного пространства мало, сделайте генеральную «уборку» и не поддавайтесь искушению добавить как можно больше текста, иконок, картинок и т. д.
Сайт не должен быть перегруженным, иначе у людей будет рябить в глазах, и они не смогут «поймать» мысль, которую вы пытались до них донести. Ограничьтесь текстом строго по существу, парой картинок и четко структурированным меню.
Управляйте взглядом пользователя
Существует множество исследований, посвященных тому, как именно люди просматривают веб-сайты, позволяющие понять, как направить взгляд посетителя на самые важные элементы. В результате этих исследований выяснилось, что люди сканируют экран по траектории, напоминающей или букву Z, или букву F, то есть, сверху вниз и слева направо.
Обладая этим знанием, вы сможете эффективно использовать преимущества визуальной иерархии, проектируя страницы так, что это принесет вам максимальную прибыль и отдачу.
Размещайте картинки, комбинации цветов, шрифты, горизонтальные, диагональные и вертикальные линии в соответствии с визуальными стандартами, и ваши пользователи с удовольствием пойдут по проторенному вами пути, просмотрев вначале самое необходимое, а потом уже - второстепенное.
Хотите, чтобы посетители не прошли мимо конкретной кнопки? Выделите ее контрастным цветом и разместите туда, куда сразу стремится взгляд. Желаете показать, какие обалденные у вас товары? Выделите их на общем фоне и разместите по правилу F-Z или правилу третей, рассмотренному выше.
Таким образом, теория композиции в дизайне web-сайта не является секретным знанием, доступным единицам, и каждый может создать красивый и функциональный сайт самостоятельно, не обращаясь к дорогим специалистам. В интернете существует множество видеокурсов по созданию сайтов с нуля. Дерзайте, и у вас все получится!
На этом буду заканчивать этот увлекательный, я надеюсь урок. Подписывайтесь на обновления нашего блога, и до встречи в следующих статьях!
Всем привет! Сейчас мы с вами разберем не менее важную тему в веб-дизайне, которая дается многим с большим трудом, да и вообще далеко не каждому. Эта тема называетсякомпозиция в дизайневашего сайта. На самом деле намного сложнее, чем, кажется на первый взгляд. Овладеть этим можно, если много практиковаться, просматривать или анализировать работы лучших веб-дизайнеров. Однако прежде чем идти практиковаться, вам нужно получить проверенные, правильные знания. Именно этим мы сейчас с вами и займемся.
Прежде чем мы приступим к изучению основных принципов композиции, надо также знать, что каждый элемент сайта не должен быть сам по себе. Он должен взаимодействовать с окружающими его элементами и гармонично вписываться в общую картину. Это, пожалуй, основное правило, которое вы должны запомнить и всегда им руководствоваться. Ну а теперь приступаем к первому принципу гармоничной композиции в дизайне.
Баланс
Ваша композиция в дизайне может быть сбалансированной. Баланс — это как бы равновесие между элементами сайта в композиции. Такая композиция не придает ощущения того, что какая-то ее часть доминирует над всеми остальными. можно с помощью правильного размещения, раскрашивания и задания правильных размеров различных объектов.
Баланс может быть симметричным, то есть объекты (два серых круга ) в этом случае расположены на одинаковом расстоянии по отношению к какому-то третьему объекту (черный круг ). Проще говоря, симметричный баланс — это синоним «одинаковый «. В нашем случае два серых круга расположены на одинаковом расстоянии по отношению к большому черному кругу (рисунок ниже) .
Также баланс может быть асимметричным. Асимметрия — это полная противоположность симметрии. Это означает, что объекты расположены не на одинаковом расстоянии по отношению к какому-то третьему объекту. Еще баланс бывает радиальным. В этом случае объекты расположены по кругу и расходятся из какой-то одной точки.
Контраст
Контраст — это определенные элементы веб-дизайна, которые подчеркивают значимость друг друга, когда расположены рядом. Например, это может быть белый и черный, большой и маленький, толстый и тонкий. На рисунке в крайнем левом верху мы видим черный, а в крайнем правом верху — белый.
Если они будут стоять рядом, то контраст будет заметен. В следствие этого будет наибольшее внимание. Также если взять, что-то большое и толстое (форма квадрата в крайнем, нижнем левом углу) , и взять маленькое, худое (форма полоски в крайнем правом углу ), и поставить их рядом — также будет контраст.
Значимость и подчиненность
Это значит, что в любом дизайне сайта есть определенная область, на которой сосредоточено внимание посетителя. Это место, на которое сразу падает взгляд человека, как только он заходит на сайт. Все объекты на сайте должны иметь иерархию значимости и подчиненности.
Другими словами, более важные объекты обычно имеют наибольший размер, они ярче по цвету и контрасту. В общем, они привлекают наибольшее внимание.
Делается это очень просто благодаря изменению размеров, формы, цвета, текстуры, подсветки теней и прочих элементов, способных выделить объект и привлечь внимание.
Направление внимания
По сути, в веб-дизайне вы должны как бы сделать тропинку из , по которым должен пройтись человек туда, куда вам нужно. К примеру, вам нужно, чтобы человек заказал на сайте утюг:
- Сначала вам нужно привлечь его внимание. Вы делаете большой и яркий заголовок.
- Далее в подзаголовке подводите человека к теме.
- В тексте с помощью фото и описания выгод, подводите его к совершению покупки.
- В конце вы уже показываете человеку цену и предлагаете ему нажать на кнопку «Заказать товар «.
Весь процесс должен пройти так, как описано выше. Не должно происходить такого, что человек зайдет на ваш сайт и ему сначала бросится кнопка «Заказать » или сама цена, а только потом заголовок. Человек может увидеть большую цену и, не узнав обо всех выгодах, которые вы ему предлагаете, скорее всего, уйдет.
Этого допускать нельзя.
Вы должны управлять вниманием посетителя. Делается все это, как в прошлых примерах (с помощью размера, формы, текстуры и так далее ).
Пропорции
Пропорции — это соотношение размеров фигур, по отношению друг к другу. То есть две фигуры могут быть абсолютно одинаковыми по виду (например, как на рисунке, самая нижняя черная и самая верхняя белая ), но только одна будет больше, а другая меньше.
Все стороны, углы, диаметры и прочие характеристики, всего лишь увеличиваются или уменьшаются на определенное какое-то число.
Масштаб
Масштаб — это реальный размер какого-либо объекта, рассматриваемый по отношению к чему-то (например, по отношению к другим предметам, людям, земли и так далее ).
Кстати, в любых графических редакторах (например, в ), когда надо увеличивать или уменьшать размер с помощью лупы, вам будет показан масштаб картинки в %. Надеюсь, вам стало понятнее, что такое масштаб.
Повторение и ритм
Довольно часто нам нужно будет как-то привлекать внимание пользователя, но одного объекта для этого будет не достаточно. Необходимо будет этот объект повторить или, проще говоря, продублировать. Также это можно использовать для удержания внимания посетителя.
Единство в разнообразии
Довольно часто приходится из разных объектов делать одну целостную картину или структуру, которая должна выполнять определенную цель или идею. В этом и заключается вся суть в единстве и разнообразии композиции.
Итак, это были все основные принципы гармоничной композиции в дизайне сайта или блога. Всегда старайтесь соблюдать эти принципы. В общем, изучайте и внедряйте!
Что такое композиция?
В любом виде искусства ключевую роль играет правильное расположение элементов произведения, позволяющее наиболее точно передать идею этого произведения. То есть выделить ключевые сюжетные линии, передать необходимое настроение и соблюсти при этом гармонию. Композиция (от латинского compositio) и является соединением (сочетанием) этих элементов в единое целое.
Геометрический и композиционный центр.
Мы строим композицию на плоскости. Будь то фотография, лист бумаги или монитор компьютера. Если через эту плоскость провести две диагональные линии, точка их пересечения укажет на геометрический центр нашей будущей композиции. Любой предмет, вписанный в этот центр, будет чувствовать себя вполне уверенно.
(совпадение геометрического и композиционного центров)
Композиционный центр служит для фокусировки внимания зрителя на деталях композиции. В фотографии, живописи и рисунке, как правило, выделяются сюжетно-композиционные центры. То есть, в композиционном центре находится основной сюжет произведения.
Композиционный центр и геометрический центр композиции могут не совпадать.
Композиционных центров в композиции может быть несколько, в то время, как геометрический центр один.
Композиционный центр может быть выделен:
- контрастом света и тени
- контрастом цвета
- размером
- формой
Основные понятия и правила композиции.
Диагональные линии в композиции:
График на рисунке слева означает рост. График на рисунке справа означает падение. Так уж сложилось. И, соответственно, в композиции диагональная линия, проведенная от левого нижнего угла к правому верхнему воспринимается лучше, чем линия, проведенная от левого верхнего угла к правому нижнему.
Замкнутая и открытая композиция:
В замкнутой композиции основные направления линий стремятся к центру. Такая композиция подойдет для передачи чего-то устойчивого, неподвижного.
Элементы в ней не стремятся за рамки плоскости, а как бы замыкаются в центре композиции. А взгляд с любой точки композиции стремиться к этому центру. Для ее достижения можно использовать компактное расположение элементов в центре композиции, обрамление. Расположение элементов таким образом, чтобы все они указывали на центр композиции.
Открытая композиция, в которой направления линий исходят от центра, дает нам возможность продолжить мысленно картину и увести ее за рамки плоскости. Она подходит для передачи открытого пространства, движения.
Правило золотого сечения:
Гармония - это слаженность. Единое целое, в котором все элементы дополняют друг друга. Некий единый механизм.
Нет ничего более гармоничного, чем сама природа. Поэтому и понимание гармонии приходит к нам от нее. А в природе огромное количество зрительных образов подчиняется двум правилам: симметрии и правилу золотого сечения.
Что такое симметрия понятно. А что такое золотое сечение?
Золотое сечение можно получить, если разделить отрезок на две неравные части таким образом, чтобы отношение всего отрезка к большей части равнялось отношению большей части отрезка к меньшей. Это выглядит так:
Части этого отрезка примерно равны 5/8 и 3/8 от всего отрезка. То есть, по правилу золотого сечения зрительные центры в изображении будут располагаться так:
Правило трех третей:
В этом рисунке не соблюдено правило золотого сечения, но создается ощущение гармонии. Если разделить плоскость, на которой находятся наши геометрические фигуры на девять равных частей, мы увидим, что элементы расположены на точках пересечения разделяющих линий, а горизонтальная полоса совпадает с нижней разделительной линией. В этом случае действует правило трех третей. Это упрощенный вариант правила золотого сечения.
Динамика и статика в изображении, движение, ритм.
Динамичная композиция - композиция, при которой создается впечатление движения и внутренней динамики.
Статичная композиция (статика в композиции) - создает впечатление неподвижности.
Изображение слева выглядит статичным. На картинке справа создается иллюзия движения. Почему? Потому что мы прекрасно знаем из своего опыта, что будет с круглым предметом, если наклонить поверхность, на которой он находится. И воспринимаем этот предмет даже на картинке движущимся.
Таким образом, для передачи движения в композиции можно использовать диагональные линии.
Так же можно передать движение, оставив свободное пространство перед движущимся объектом, чтобы наше воображение могло продолжить это движение.
Статика в композиции достигается отсутствием диагональных линий, свободного места перед объектом и наличием вертикальных линий.
Ритм - один из ключевых моментов в искусстве. Он может сделать композицию спокойной или нервной, агрессивной или умиротворяющей. Ритм обусловлен повторением.
Ритм в изобразительном искусстве может создаваться повторением цвета, объектов, пятен света и тени.
Симметрия и асимметрия в композиции, достижение равновесия.
Симметрия:
В природе большое количество зрительных образов подчиняется закону симметрии. Именно поэтому симметрия легко воспринимается нами и в композиции. В изобразительном искусстве симметрия достигается таким расположением объектов, что одна часть композиции, как будто являются зеркальным отражением другой. Ось симметрии проходит через геометрический центр. Симметричная композиция служит для передачи покоя, устойчивости, надежности, иногда, величества. Однако создавать изображение абсолютно симметричным не стоит. Ведь в природе не бывает ничего идеального.
Симметрия - это самый простой способ добиться равновесия в композиции. Однако, не единственный.
Асимметрия, достижение равновесия:
Чтобы понять, что такое равновесие можно представить механические весы.
В данном случае работает закон симметрии. Слева и справа на весах на одинаковом расстоянии симметрично расположены два предмета одинаковой формы и размера. Они создают равновесие.
Асимметрия нарушит это равновесие. И если один из объектов будет больше, то он по-просту перевесит меньший.
Однако возможно уравновесить эти объекты, добавив в композицию что-нибудь, в качестве противовеса. Асимметрия при этом сохранится:
Так же добиться равновесия при асимметрии можно будет, перевесив больший предмет ближе к центру:
Достижение равновесия является одним из самых значимых этапов при построении ассиметричной композиции. Равновесие может достигаться противопоставлением размеров, форм пятен цвета и тени.
Заключение.
Правила композиции не являются обязательными для соблюдения. Даже наоборот. Некоторые правила противоречат один другому. Однако, прежде чем нарушать какое-либо правило, его надо знать и уметь им пользоваться. Помните, если Вы нарушаете правила, Вы должны четко осознавать, ДЛЯ ЧЕГО Вы это делаете.
Композиция - одно из важнейших средств создания художественной формы в искусстве, без которого не может быть выражено содержание произведения, смысл художественной формы.
Вы наверняка не раз обращали внимание на изображения, причем не обязательно фотографические, которые приятны взгляду безотносительно к содержанию. Их как правило можно перевернуть, отразить в зеркале, а иногда даже и обесцветить, не нарушив при этом зрительной привлекательности. Чем же объясняется такая «устойчивость» эмоционального восприятия? О фотографиях, имеющих подобные свойства, говорят, что в них присутствует визуальная гармония, и причина ее - в особом расположении элементов по полю изображения, или гармоничной композиции. Слово композиция происходит от латинского сompositio - «составление». Правила художественной композиции были разработаны еще в античности и с тех пор практически не изменились. Они настолько универсальны, что зритель любого возраста, пола, расы и вероисповедания в состоянии отличить сильную композицию от слабой. Гармоничная композиции может иметь различные пространственные основы: пропорцию, симметрию, ритм, контраст, перспективу...
Главное, о чем следует помнить: композиция - важнейший элемент художественной формы, придающий произведению единство и цельность.
Композиция - одно из важнейших средств создания художественной формы в искусстве, без которого не может быть выражено содержание произведения, смысл художественной формы. В этом уроке мы рассмотрим принципы работы с композицией
Композиционное построение включает:
- выяснение центра композиции и подчинение ему других частей произведения;
- объединение отдельных частей произведения в гармоническом единстве;
- соподчинение и группировка с целью достичь выразительности и пластической целостности произведения.
О НАСЛЕДИИ ДРЕВНИХ ГРЕКОВ
Учение о гармонии берет свое начало в Древней Греции. Наиболее глубокий след в мировой культуре оставили пифагорейцы. Последователи Пифагора представляли вселенную, включая человека, как единое целое, в котором все гармонично взаимосвязано. Пытаясь математически обосновать идею единства мира, пифагорейцы утверждали, что в основе мироздания лежат симметричные геометрические формы. Они фактически ввели понятие пропорции как основы гармоничности. На основе пропорций человеческого тела последователи Пифагора утвердили математический канон красоты, по которому скульптор Поликлет создал статую «Канон». Существуют разные виды пропорций, но для нас наиболее важен частный случай геометрической пропорции, получивший название «золотое сечение»: a:b=b:(a+b). Отрезок a относится к большему отрезку b так же, как b относится к отрезку суммарной длины a+b. Отношение золотого сечения выражается числом 0,618. Если отрезок прямой выразить через единицу, а затем разделить его на два отрезка по золотому сечению, то больший отрезок будет равен 0,618, а меньший - 0,382.
На плоскости золотое сечение - это прямоугольник со сторонами в пропорции 1:0,618, который можно получить геометрическим построением, показанным на рис. 1.
Если стороны AB и AD прямоугольника ABCD относятся друг к другу в пропорции золотого сечения, грубо - 5:8 (что очень близко к размеру 35-миллиметрового кадра), а отрезок CE перпендикулярен диагонали BD, то проекция из точки Е на сторону AD делит ее в той же пропорции, то есть FD:AF=5:8. Если расположить структурные элементы изображения в получившихся треугольниках, а диагонали - вдоль разделяющих отрезков, то результат будет радовать глаз, чем бы эти треугольники ни были наполнены (рис. 2). Диагонально-треугольная композиция часто встречается в пейзажной фотографии (фото 1).
Упрощенный вариант использования золотого сечения - правило трех третей. Оно является полезным в практике приближением, потому что строится гораздо проще золотого сечения и в большинстве случаев работает не менее эффективно. Согласно правилу третей, гармоничная композиция создается помещением структурных элементов в точки пересечения линий, разделяющих поле изображения на девять почти равных прямоугольников.
......................................................................................................................................................
При построении кадра нужно помнить о разнице между восприятием живого глаза и неодушевленного объектива и стараться при компоновке изображения внимательно следить не только за объектом съемки, но и за всем, что находится в пределах видоискателя
......................................................................................................................................................
КОМПОЗИЦИЯ И ПЕРСПЕКТИВА
Как вы помните по лекции о свойствах оптических систем, объективы делятся на три категории: короткофокусные (широкоугольные), нормальные и длиннофокусные (телеобъективы). Мы уже говорили о том, что для каждой из них характерны определенные искажения перспективы, которые обусловлены тем, где находится так называемая точка схождения. Что такое точка схождения, легко понять, представив себе ряд находящихся на равных расстояниях друг от друга одинаковых объектов, расположенных вдоль оптической оси. Наглядным примером будет ряд столбов, стоящих вдоль дороги, уходящей вдаль. Первый столб, находящийся рядом с вами, будет большим, второй - поменьше, третий - еще меньше, и так далее. Если через основания и верхушки столбов провести две воображаемые прямые, то они пересекутся как раз в той самой точке схождения. Находящийся в ней столб не имеет видимых линейных размеров, иными словами, он для зрителя превращается в точку (фото 2). Широкоугольные объективы приближают точку схождения, то есть объекты, расположенные рядом с фотоаппаратом, будут казаться преувеличенно большими, а те, что вдали, - слишком маленькими. Это делает изображение динамичным вне зависимости от сюжета (фото 3).
Телеобъективы, напротив, удаляют точку схождения, и расстояния между объектами, находящимися на оси, непараллельной плоскости кадра (или, как говорят, в разных планах), кажутся меньше, чем они есть на самом деле. Понимание вышеописанных свойств дает фотографу возможность строить сложные, так называемые многоплановые изображения.
О ТУННЕЛЬНОМ ЗРЕНИИ
Может показаться удивительным, сколько любительских фотографий построено совершенно идентично: главный объект - точно в центре кадра, занимает он там примерно одну десятую общей площади, а все остальное пространство заполнено мусором, не имеющим совершенно никакого отношения к сюжету. На самом деле ничего странного тут нет. Объясняется это явление тем, что часть визуальной информации мозг блокирует, помогая своему владельцу сконцентрироваться на интересующем его объекте. Кстати сказать, то же самое происходит с фоновым шумом любого происхождения. Если бы не это, мы бы наверняка уплыли в страну безумия, влекомые ошеломляющим потоком зрительных образов, звуков, запахов, вкусовых оттенков и тактильных ощущений. Но, к сожалению, то, что помогает в жизни нормальному человеку, играет злую шутку с теми, кто смотрит на мир через видоискатель фотоаппарата. Художник-живописец, например, рисует то, что видит, то есть замечает. Следовательно, фоновая информация, заботливо заблокированная его мозгом, остается ненарисованной, а главный объект занимает господствующее положение на холсте. У фотографов же все по-другому. Когда они чего-то не замечают, объектив об этом не догадывается и предательски фиксирует все, что попало в поле его зрения. Это влечет за собой две неприятности: во-первых, в кадре оказывается масса никому не нужной ерунды, в которой объект съемки теряется, как ребенок в универмаге, а во-вторых, центр интереса оказывается точно в середине изображения, что в большинстве случаев создает статичную и в то же время напряженную композицию, неприятную глазу.
Очевидно, что простейшая композиция - одноплановая. Хорошо известная всем, у кого есть паспорт. Но то, что является допустимым в индустрии паспортного фото, в художественной фотографии приветствуется только в том случае, если является единственно возможным методом выражения творческого замысла. Обычно одноплановая композиция свидетельствует о неопытности фотографа. Даже если портрет композиционно прост, в нем есть как минимум два плана: лицо и фон, освещенный таким образом, чтобы придать изображению глубину (фото 4).
Рассуждая о многоплановой композиции, я хотел бы передать близко к тексту сказанное как-то Сергеем Максимишиным, известным фотожурналистом и талантливым фотографом: новичок фотографирует сюжет «ехал Ваня на коне», фотограф поопытнее усложняет композицию вторым планом и снимает карточку «ехал Ваня на коне, вел собачку на ремне», а совсем уж опытный и хитрый фотограф добавляет третий план, в котором «старушка в это время мыла фикус на окне». Таким образом, прожженный фотожурналист не только создает сложное изображение, в котором основной объект каждого плана находится в композиционно важной точке, но и делает сюжет более занимательным, вводя в него конфликт (Ваня и собачка заняты одним, а старушка - совершенно другим). Рассмотрите фото 5.
Основная задача фотографа в процессе компоновки изображения - заставить взгляд зрителя оставаться в пределах фотографии как можно дольше. Многоплановая композиция с правильным расположением элементов подходит для этого как нельзя лучше. Если объекты в кадре нанизаны, словно шашлык на палочку, то взгляд проносится по ним со скоростью и неостановимостью бронепоезда. В результате через несколько минут зритель уже не помнит, что было на фотографии. Расположение объектов вдоль ломаной линии или - еще лучше - спирали заставляет зрителя кружить взглядом по фотографии гораздо дольше.
КОМПОЗИЦИЯ И ЭМОЦИИ
Наверняка вы замечали, что некоторые фотографии не просто несут какую-то информацию, но еще и вызывают эмоции. Более того, существуют изображения, которые заставляют зрителя переживать, грустить или радоваться при полном отсутствии сюжета. Секрет таких работ в том, что эмоциональное воздействие оказывает не только информация, содержащаяся в изображении, но и взаимодействие визуальных элементов, обусловленное их взаимным расположением в кадре.
Если композиционно важные элементы расположены в кадре таким образом, что взгляд переходит с одного на другой без скачков и движется по плавной кривой, то такая фотография воспринимается без напряжения и имеет успокаивающий эффект. Он выражен особенно сильно, если в основе композиции лежит S-образная кривая (фото 6, 7) или в разных планах есть пологие диагонали, встречно пересекающие кадр (фото 8).
Параллельные диагонали, в отличие от встречных, делают изображение динамичным. Если действовать осмысленно, то можно успешно сочетать в одном изображении разные композиционные элементы. При этом общий психологический эффект будет определяться совокупным воздействием всех элементов.
При построении кадра нужно помнить о разнице между восприятием живого глаза и неодушевленного объектива и стараться при компоновке изображения внимательно следить не только за объектом съемки, но и за всем, что находится в пределах видоискателя. Исключением, в некотором смысле, можно считать «ковровую» композицию, целиком состоящую из «мусора». Гармоничность здесь достигается повторяющимися элементами и контрастами (фото 9).
Хорошее упражнение на фотографическое внимание: поймав объект в кадр, подходите к нему до тех пор, пока все ненужное останется за пределами видоискателя, и выбирайте такой ракурс, чтобы главный объект оказался не в центре поля изображения, а в точке пересечения линий золотого сечения. Хотелось бы подчеркнуть, что на первом этапе обучения фотографии лучше не пользоваться оптикой с переменным фокусным расстоянием, а снимать штатным объективом. Напомню, что штатный объектив - это тот, фокусное расстояние которого примерно равно диагонали кадра. Таким образом, в 35-миллиметровом мире это будет примерно 50 мм (для особо въедливых - 43 мм), в среднем формате 6×6 см штатным будет объектив с фокусным расстоянием 80 мм, а для цифровой камеры с сенсором формата APS это 35 мм. Фотография, сделанная штатным объективом, имеет важную особенность: перспектива на ней очень близка к тому, как видит человеческий глаз.
Компонуя изображение таким образом, чтобы взгляд вынужден был перепрыгивать с одного элемента на другой или резко менять направление, можно добиться ощущения напряжения и беспокойства, которое легко усилить, нарушив композиционный баланс. Однако, наклоняя горизонт, зрителю нужно дать понять, что сделано это специально. На фото 10 это достигнуто идеально вертикальным расположением статуи и деревьев в третьем и четвертом планах.
......................................................................................................................................................
Основная задача фотографа в процессе компоновки изображения - заставить взгляд зрителя оставаться в пределах фотографии как можно дольше
......................................................................................................................................................
КОМПОЗИЦИЯ И УПРАВЛЕНИЕ ВНИМАНИЕМ
Если вы еще не слышали, что главный объект должен занимать в кадре не менее 60% площади, а остальные 40% должны по крайней мере от него не отвлекать, то услышите не раз. На самом деле это очередной пример сочетания твердолобого догматизма с примитивным пониманием действительности. Правильно используя законы композиции, можно привлечь внимание зрителя даже к одному лицу в огромной толпе или к нескольким объектам в разных частях кадра. Сделать это можно несколькими способами. Самым простым и часто используемым является включение в кадр диагоналей, ведущих к центру интереса или как бы проходящих сквозь него. Помимо этого, объект можно выделить цветом или тоном, а также заключить его в рамку, присутствующую в кадре на правах самостоятельного структурного элемента. Фотография на фото 11 являет собой пример одновременного применения всех упомянутых способов. Использование сразу нескольких композиционных приемов в этой фотографии не случайно. Явление синергизма, с которым вы еще не раз столкнетесь в этом курсе, проявляет себя в том, что кумулятивный эффект сильнее, чем простая сумма составляющих. Важно здесь еще то, что эффект, достигнутый применением чисто композиционных приемов, усиливается выражением лица модели, то есть элементом смысловым. Частным случаем ритмической структуры (то есть последовательности повторяющихся элементов) можно считать и включение в кадр двух или трех конгруэнтных фигур.
Количество сюжетно значимых объектов в кадре имеет существенное значение. Если это один или два объекта сюжет, как правило, простой и добиться эмоциональной выразительности весьма сложно. Если в композиции много элементов связанных отношениями, сознанию сложно воспринимать такой образ.
Удобнее всего при постороении композиции считать до трех. Число 3 обладает особыми семантическими свойствами, которыми мы пользуемся, сами того не сознавая, практически с самого рождения. Драматическая история о трех поросятах, беседа трех девиц под окном, приключения трех богатырей по нашу сторону границы и трех мушкетеров по противоположную навсегда застряли в мозговых извилинах любого мало-мальски грамотного человека. Даже те, кто не знает, кто такой Посейдон, прекрасно разбираются в количестве зубцов на символе владения подводным царством, а не читавшие Ремарка кучкуются по трое в подворотнях с целью совершенно определенной. Причиной психологической важности числа 3 является то, что оно резко снижает возможность случайности происходящего. Например, случайное столкновение двух знакомых на улице - явление достаточно частое, но непреднамеренная встреча трех как правило вызывает очень сильное удивление, а иногда и подозрение, в зависимости от результатов и последствий этого примечательного события. Та же простая логика применима и при построении фотографического изображения. Если в нем присутствуют всего два похожих предмета, зритель может и не подумать, что так было задумано, но когда повторений три, ему понадобятся дополнительные усилия, чтобы не заметить преднамеренности. Более подробно о неявных элементах изображения мы поговорим позже, в курсе «Фотография как средство художественного повествования».
ВМЕСТО ЗАКЛЮЧЕНИЯ
Хорошему фотографу не нужно делить кадр воображаемыми линиями и потом раскладывать картинку по получившимся треугольникам. Вместо этого он руководствуется внутренним голосом, который шепчет ему в нужный момент: жми кнопку прямо сейчас! Как правило фотография, сделанная по команде этого голоса, интереснее, глубже и непринужденнее той, что выверена микрометром и транспортиром. Поэтому во время съемки лучше руководствоваться чувствами, а анализировать результаты (если захочется, конечно) уже потом, изучая отпечаток или глядя на компьютерный экран.
