Правила построения композиции в дизайне. Тема: Основы гармоничной композиции

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итак, давайте попробуем разобраться с этой «композицией», и узнаем что же это такое.

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

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

Теперь давайте разберём основные правила создания гармоничной композиции:

1. В любой композиции должен быть композиционный центр . Это может быть какой-либо предмет мебели, декоративное панно, камин и т.д.

Центр композиции (центр внимания) должен сразу бросаться в глаза, как только вы попадаете в комнату или помещение. Он должен доминировать и подчинять себе все остальные элементы интерьера, а главное, организовывать пространство помещения. А если в композиции есть центр, то, соответственно, должны быть подчиняющиеся центру дополняющие элементы. Т.е. если в композиции один элемент, то образование гармоничной композиции не произойдёт.

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

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

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

При этом элементы композиции всегда располагаются в определённом ритме (через строго фиксированные расстояния друг от друга) или свободно (без одинакового расстояния между элементами).

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

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

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

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

4. Композиционный контраст

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

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

А на этом урок по архитектурной композиции и применения её в интерьере закончен. До скорых встреч на следующих уроках школы дизайна интерьера .

P.S. Если у вас возникли какие-либо вопросы относительно темы сегодняшнего урока, задавайте их в своих комментариях к этой теме.

Похожие материалы:

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

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

Вы наверняка не раз обращали внимание на изображения, причем не обязательно фотографические, которые приятны взгляду безотносительно к содержанию. Их как правило можно перевернуть, отразить в зеркале, а иногда даже и обесцветить, не нарушив при этом зрительной привлекательности. Чем же объясняется такая «устойчивость» эмоционального восприятия? О фотографиях, имеющих подобные свойства, говорят, что в них присутствует визуальная гармония, и причина ее - в особом расположении элементов по полю изображения, или гармоничной композиции. Слово композиция происходит от латинского с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 является то, что оно резко снижает возможность случайности происходящего. Например, случайное столкновение двух знакомых на улице - явление достаточно частое, но непреднамеренная встреча трех как правило вызывает очень сильное удивление, а иногда и подозрение, в зависимости от результатов и последствий этого примечательного события. Та же простая логика применима и при построении фотографического изображения. Если в нем присутствуют всего два похожих предмета, зритель может и не подумать, что так было задумано, но когда повторений три, ему понадобятся дополнительные усилия, чтобы не заметить преднамеренности. Более подробно о неявных элементах изображения мы поговорим позже, в курсе «Фотография как средство художественного повествования».

ВМЕСТО ЗАКЛЮЧЕНИЯ

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

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

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

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

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

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

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

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

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

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

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

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

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

Масштаб и иерархия в композиции

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

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

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

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

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

Баланс элементов

Баланс – это важная вещь во многих отношениях. И ваши проекты – не исключение.

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

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

Асимметричный баланс достигается пропорциональным рассеиванием и масштабированием элементов.

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

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

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

Вы слышали о дополнительных цветах в веб-дизайне? Как на счет дополнительных элементов?

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

• Используйте фото из одной фотосессии;
• Окрашивайте ваши фотографии в один тон;
• Используйте фотографии, сделанные одним способом.

Увеличьте (уменьшите) контрастность

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

Оставляйте пустое пространство в проекте

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

Вот пара способов, как использовать пустое пространство в проекте:

1. Уменьшите масштаб графических элементов;
2. Не заполняйте все пространство контентом.

Выравнивание элементов

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

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

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

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

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

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

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

Самыми главными законами композиции я считаю следующие:

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

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

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

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

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

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

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

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

Как обычно, я желаю вам успехов в ваших начинаниях, побольше усидчивости и терпения!