главная - дизайн - формальная композиция. законы и приемы.

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

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

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

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

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

композиция

Что такое «Формальная композиция?»

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

Пит  Мондриан Композиция

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

Историческое появление дизайна как такового, в качестве отдельного направления, связано с осознанием формальной композиции как явления. Язык дизайна строится по законам формальной композиции. Когда в начале ХХ века в рамках авангардных направлений искусства, таких как кубизм, дадаизм, абстракционизм, супрематизм сформировалось такое явление, как беспредметное искусство, то оказалось, что большая часть преподавателей первых школ дизайна, таких, как Баухауз и ВХУТЕМАС (первые школы дизайна), являются представителями авангарда. Основой искусства авангарда стала именно формальная композиция, таким образом, дизайн как направление искусства вырос именно из формальной композиции.

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

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

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

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

Закон целостности

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

закон целостности

Закон соподчинения

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

Закон соподчинения

Закон равновесия

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

Закон равновесия

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

Доминанта

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

Домининта

Симметрия

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

Асимметрия

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

симметрия

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

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

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

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

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

Ритм

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

ритм

Контраст

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

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

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

контраст

Нюанс

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

нюанс

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

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

Акцент

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

акцент

Аналог

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

аналог

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

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