Цикл лекций о дизайне аквариума
В любой композиции должен быть один центр притяжения внимания.
Вот примеры нескольких визуальных объектов. В живописи, агитационном плакате, рекламном баннере…и аквариуме применен один и тот же прием – выделение композиционного центра. Акценты могут быть разными – цветовые, смысловые… Но взгляд в первую очередь падает на один и тот же элемент композиции у 99% зрителей.
То есть художник как бы «управляет» взглядом зрителя, даёт ему некую «дорожную» разметку, по которой гораздо комфортнее двигаться, и соответственно, облегчает восприятие картины. Мы фиксируем внимание на лишнюю долю секунды в определённом месте «полотна», и затем направляем его дальше по заданной траектории.
При отсутствии такой навигации создается ощущение компота и хаоса, взгляд блуждает, и внимание рассеивается.
Также, редко приводит к удачному результату подчеркивание более одного значимого объекта.
Теперь давайте разберёмся, как же этот композиционный центр выделить.
Объект заметнее и выразительнее выделяется на фоне контрастных объектов.
Казалось бы, этот момент абсолютно понятен всем с самого детского сада, когда в младшей группе дети рисуют красные цветочки на зелёной траве.
Вспомните примеры из живой природы. Как вы думаете, почему мухомор – это тот гриб, который всегда первым попадается в лесу?
На хвостовом стебле многих рыб имеется довольно выраженный глаз, который ярче и контрастнее настоящего. Это помогает сбить хищника с толку, отвлечь внимание от жизненно-важной головы.
Шероховатая фактура контрастна по отношению к гладкой, но светлое пятно на темном фоне заметно гораздо ярче. Таким образом, тот объект, который будет наиболее контрастным во всей композиции, станет главным центром притяжения внимания.
Но проявлять контрастность объектов следует постепенно, пошагово. Здесь требуется тонкое чувство меры, нарабатываемое с опытом. Скажем, темно-зеленые и светло-зеленые растения создают определенный контраст, но его не всегда достаточно для выразительного выделения главного объекта или линии. Красноватые растения будут более контрастными по отношению к зеленым. Красные камни будут еще сильнее выделяться, так как уровней контраста будет уже несколько: цвет, форма, фактура… А вот красный пластиковый кубик среди амбулий и больбитисов будет уже уродлив, так как абсолютно несопоставим с ними.
Сопоставлять имеет смысл только сравнимые вещи. Понятие «контраст» неприменимо для описания разницы между кошкой и зонтиком.
Что такое акцент в композиции
Композиция (лат. compositio — составление, связывание, сложение, соединение) — составление целого из частей. Композиция отражает внутреннюю гармонию и упорядоченность и присуща не только дизайну, но и всем видам искусства.
Композиция в веб дизайне обусловлена содержанием сайта, его характером и назначением
Композиционную гармонию мы наблюдаем в растительном и животном мире. Например, каждое растение состоит из частей, вместе они образуют форму и представляют собой органически законченную композицию.
Что такое «Формальная композиция?»
Формальная композиция — это композиция, построенная на сочетании абстрактных элементов ( точка, линия, пятно, цвет) и лишенная предметного содержания.
Формальная, или абстрактная, композиция демонстрирует законы, по которым строится визуальное произведение и позволяет проследить логику его построения.
Историческое появление дизайна как такового, в качестве отдельного направления, связано с осознанием формальной композиции как явления. Язык дизайна строится по законам формальной композиции. Когда в начале ХХ века в рамках авангардных направлений искусства, таких как кубизм, дадаизм, абстракционизм, супрематизм сформировалось такое явление, как беспредметное искусство, то оказалось, что большая часть преподавателей первых школ дизайна, таких, как Баухауз и ВХУТЕМАС (первые школы дизайна), являются представителями авангарда. Основой искусства авангарда стала именно формальная композиция, таким образом, дизайн как направление искусства вырос именно из формальной композиции.
Как на основе формальной композиции создать веб дизайн?
Если на формальную композиционную основу накладываются изобразительные (смысловые) элементы, то, сочетая символы и иллюстрации, мы получаем веб сайт. Если Вы разбираетесь в законах композиции, то точно будете знать какого размера сделать иллюстрацию, какой тип шрифта подобрать, какие подобрать цвета, чтобы веб сайт выглядел стильно и гармонично.
Формальная композиция. Законы
Законы композиции применяются для всех художественных произведений искусства. Если нарушается один из законов — нарушается гармония (согласованность частей изображения, форм, линий и цветовых пятен). Существуют три основных закона композиции: закон целостности, равновесия, соподчинения.
Закон целостности
Объединение элементов, частей в единое целое. Цельное произведение – это законченное произведение, в нем ни хочется ничего добавить и убрать. Благодаря соблюдению этого закона произведение воспринимается как единое неделимое целое, а не как сумма разрозненных элементов
Закон соподчинения
Подчинение всех элементов изображения доминанте (главному элементу в композиции).
Закон равновесия
Такое состояние композиции, при котором все элементы сбалансированы между собой. Уравновешенная композиция выглядит гармонично.
Формальная композиция. Приемы
Доминанта
Доминанта – это главный элемент композиции, которому подчиняются все остальные. На рисунке Кроме цвета и размера доминанта также может выделятся своей необычной формой.
Симметрия
— равномерное размещение элементов по оси, делящее пространство на равные части. В симметричной композиции расположение элементов относительно оси должно быть одинаковое.
Асимметрия
Динамичная композиция
— композиция, при которой создается впечатление движения и внутренней динамики. Для выражения динамики можно пользоваться диагональными линиями, ассимитричной компоновкой объектов.
Статичная композиция
(статика в композиции) — создает впечатление неподвижности. Предполагает отсутствие диагональных линий и криволинейных поверхностей. Композиция строится на преобладании горизонтальных элементов.
Ритм
— это чередование каких-либо элементов в определенной последовательности. Ритм окружает нас повсюду: в природе это – смена временен года, смена дня и ночи, городе – это сменяющийся ритм зданий, домов. Ритм подразумевает движение, которое может быть продлено до бесконечности, задается многократным повторением.
Контраст
Контраст (фр.) — противопоставление в композиции (по цвету, фактуре, по форме, по размеру и т.д.).Контраст, это не только лобовое противопоставление «черного» и «белого». Он может иметь ступени, оттенки, градации. Но пределы все-таки существуют, нижний это «почти одинаковость», а верхний, это бессвязность.
Одномерный контраст – контраст только по одному параметру, например по форме
Многомерный контраст – контраст по нескольким параметрам сразу: например, форма и цвет
Нюанс
Нюанс (фр.) – тонкое различие, едва заметный переход. Различают нюансы по форме, размеру, цвету, фактуре и т. д
Нюансировка не вводит никаких новых принципов или материалов. Нюансы можно сравнить с внешней отделкой здания, к которой переходят когда уже готов фундамент и возведены стены.
Лишенная нюансов и окончательной отделки композиция может показаться интересной только на первый взгляд, при более подробном рассмотрении, станут заметны острые углы, неплотная подгонка частей, однообразие – все это производит впечатление неряшливости. И наоборот, обнаруживая все новые и новые детали, запрятанные дизайнером, мы получаем интеллектуальное удовольствие. Большинство этих открытий происходит подсознательно – мы не можем отследить какие сложные подсчеты и сравнения проводит наш мозг, рассматривая понравившийся нам объект, и потому не всегда можем понять, почему он нам нравится.
Акцент
Акцент — (лат. «ударение») – выделение, подчеркивание элемента, служит для выражения большей выразительности композиции. Чаще всего акцент выделяют цветом, формой (обычно малой, иначе акцент превратится в доминанту.)
Аналог
Аналог (греч. «сходство») – уподобление (одинаковые или похожие друг на друга элементы в композиции). Аналоги придают композиции единство. Чаще всего бывают по цвету, форме, фактуре.
Елена Лебедева, графический дизайнер solla.site, преподаватель компьютерной графики
ОСНОВЫ КОМПОЗИЦИИ | Часть №3
ОСНОВНЫЕ СРЕДСТВА КОМПОЗИЦИИ
Средствами создания художественной формы являются: симметрия, асимметрия, пропорции, ритм,
масштаб, контраст, нюанс, т.е. явления, присущие природным формам.
Симметрия является той идеей, посредством которой человек на протяжении веков пытался постичь и создать порядок, красоту и совершенство.
/Г.Вейль/
Симметрия – равентсво, тождество, схожесть.
Симметрия предполагает неизменность не только самого объекта, но и каких-либо его свойств по отношению к преобразованиям, выполненным над объектом. Неизменность тех или иных объектов может наблюдаться по отношению к разнообразным операциям – к поворотам, переносам, взаимной замене частей, отражениям и т.д. В связи с этим выделяют разные виды симметрии.
Симметрии на плоскости бывают:
• Зеркальная симметрия — основывается на равенстве двух частей фигуры, расположенных одна относительно другой как предмет и его отражение в зеркале. Воображаемая плоскость, которая делит такую фигуру пополам, называется плоскостью симметрии.
• Осевая симметрия — связана с вращательным движением и повтором элементов вокруг оси симметрии, т. е. линии, при повороте вокруг которой фигура может неоднократно совмещаться сама с собой.
• Асимметрия значит отсутствие соразмерности, полное нарушение симметрии, повторяющиеся элементы отсутствуют или их нельзя совместить путём сдвигов или поворота.
• Диссимметрия – частичное нарушение симметрии. Диссимметрия хорошо воспринимается, так как, обладая структурными качествами симметрии, содержит больше свободы.
В композициях ритм может быть явным и скрытым:
• явный ритм очевиден, если, например, поместить элементы на полосатый фон;
• скрытый ритм представляет собой сложное чередование акцентов, иногда смысловых, направлений, технических приемов.
Существует метрический и ритмический порядок.
Метр и ритм в основе своей имеют симметрию. Но ритм, к отличие от метра, строится на основе разных, но повторяющихся элементов. В отличие от метрического повтора закономерность, на которой основан ритм, выражается в постепенных количественных изменениях в ряду чередующихся элементов – в нарастании или убывании чередований, объема или площади, в сгущениях или разрежениях структуры, силы тона и т.п.
Динамический ритмический ряд можно построить следующими способами:
• увеличением или уменьшением элемента по величине при одинаковых интервалах;
• возрастанием или убыванием интервала, но при одинаковых элементах;
• одновременным возрастанием или убыванием и элементов, и интервалов.
Обязательным условием при построении ритмического ряда должно быть ясное его прочтение. Поэтому элементы или интервалы должны повторяться не менее 3-5 раз.
Ритм проявляется, таким образом, в закономерном изменении порядка. Сбой ритма, как правило, ведет к серьезным нарушениям целостности, в то время как композиционно продуманное изменение в метрическом ряду не только возможно, но подчас во многих отношениях желательно.
Метр и ритм могут взаимно сочетаться.
✔️ МАСШТАБ ПРОПОРЦИЯ
Другие виды пропорциональных отношений:
— арифметическая прогрессия: 1, 3, 5, 7, 9…;
— геометрическая прогрессия: 1, 3, 9, 27, 81…;
— квадратичные отношения: 2, 4, 16, 256…;
— ряд Фибоначчи: 1, 2, 3, 5, 8… и др.
• МАСШТАБ
Масштабность – соразмерность принятому эталону. Существуют композиции, строящиеся на использовании мелкого масштаба, например, как на географических картах, и строящиеся
на крупных планах, например, фотографии макросъемки. Эффект создаваемой композиции зависит
от того, как выбранный масштаб и размер изображения соответствуют цели автора.
Важно заметить, что подсознательно эталоном для сравнения у человека является сам человек.
✔️ КОНТРАСТ НЮАНС ТОЖДЕСТВО
Одномерный контраст – контраст только по одному параметру, например по форме
Многомерный контраст – контраст по нескольким параметрам сразу: например, форма и цвет.
• Если элементы композиции сходны по форме, размерам, фактуре, пластике или другим свойствам, то в этом случае речь идет о тождестве.
Тождество – отношение полностью сходных объектов.
Используется несколько реже контраста и нюанса, так как обладает меньшими выразительными возможностями.
✔️ АКЦЕНТ ДОМИНАНТА АНАЛОГ
• Акцент — (лат. «ударение») – выделение, подчеркивание элемента, служит для выражения большей выразительности композиции. Чаще всего акцент выделяют цветом, формой (обычно малой, иначе акцент превратится в доминанту).
• Доминанта – это главный элемент композиции, которому подчиняются все остальные.
• Аналог (греч. «сходство») – уподобление (одинаковые или похожие друг на друга элементы в композиции). Аналоги придают композиции единство. Чаще всего бывают по цвету, форме, фактуре.
✔️ СТАТИКА ДИНАМИКА
• Статика – зрительное впечатление неподвижности.
Статика используется для выражения следующих смыслов: уверенность, спокойствие, остановка, «классика».
Статичные композиции могут характеризоваться симметрией, наличием четко выраженного центра и обязательно тяжестью и незыблемостью формы.
• Динамика – зрительное впечатление движения, скорости. Динамика используется для выражения смыслов: движение, энергия, сила, дерзость, порыв, «альтернатива».
Форму, активно односторонне направленную, как бы вторгающуюся в пространство, принято называть динамичной. Динамичность формы связана прежде всего с пропорциями. Равенство или нюанс отношений величин по трем координатам пространства характеризует относительную статичность формы. Контраст в отношениях создает динамику как «зрительное движение» в направлении преобладающей величины.
Статика и динамика не всегда взаимоисключают друг друга. В некоторых случаях можно говорить о внутренней динамике формы. Поэтому необходимо определить, что объективно доминирует – статичность или динамичность, так как композиция не может быть в одинаковой мере статичной и динамичной, что неизбежно ведет к утрате композиционной целостности.
✔️ ТЕКТОНИКА АТЕКТОНИКА
• Тектоника – установка на устойчивойсть. В отличие от статики, это не неподвижность. Динамичный, быстро и уверенно бегущий человек – тектоничен, так как не производит впечатления, что сейчас упадет.
• Атектоника – установка на неустойчивость. Атектоничны готические соборы, так как вся их неподвижная конструкция выражает стремление к полету.
✔️ КОМПОЗИЦИОННЫЕ ОСИ
Речь вдет не только об осях симметрии в ленточных композициях, являющихся всего лишь частным случаем композиционных осей, а в большей степени о тех направлениях развития композиции,
которые ведут взгляд зрителя, создавая впечатление движения или покоя.
Эти оси могут быть вертикальными, горизонтальными, диагональными и так называемыми перспективными. Вертикальная направленность дает торжественность, устремленность к духу, горизонтальность как бы демонстрирует зрителю неспешное движение, диагональность наиболее динамична, она подчеркивает развитие. Во взаимодействии с другими средствами композиции оси часто выступают и в комбинации между собой, образуя крестообразные, многоходовые, сложные связи.
Приемы композиции – это процесс обоснованного выбора и применения средств композиции, например: пропорционирование, ритмизация, масштабирование, контрастирование, нюансировка и т.д.
Основы композиции в дизайне
Довольно часто встречаю статьи о законах композиции, но постоянно там чего-то не хватает, то есть это либо основные принципы, либо рассказ о каком-то одном законе и так далее. Я постаралась собрать все доступные знания о композиционном построении и рассказать о них доступным языком, не углубляясь в психологию, цвето- и световосприятие.
В любом виде искусства ключевую роль играет правильное расположение элементов произведения, позволяющее наиболее точно передать идею этого произведения. То есть выделить ключевые сюжетные линии, передать необходимое настроение и соблюсти при этом гармонию. Композиция (от латинского compositio) и является соединением (сочетанием) этих элементов в единое целое.
Композиционный и геометрический центр.
Вне зависимости от того строите ли вы композицию на бумаге, через фотообъектив или на мониторе компьютера, две диагональные линии при проведении из угла в угол, дадут точку пересечения — геометрический центр композиции. Любой предмет вписанный в этот центр будет смотреться гармонично.
Композиционный центр служит для фокусировки внимания зрителя на деталях композиции. В фотографии, живописи и рисунке, как правило, выделяются сюжетно-композиционные центры. То есть, в композиционном центре находится основной сюжет произведения. Композиционный центр и геометрический центр композиции могут не совпадать. Композиционных центров в композиции может быть несколько, в то время, как геометрический центр один.
Иногда композиционный центр нарочно смещают, например, для придания композиции динамики.
Способы выделения композиционного центра.
Динамика и статика.
Слева статика, мы видим прочно стоящую композицию с надежным основанием. Справа динамика, композиция наклонена относительно линии горизонта, композиционный центр смещен.
Благодаря нашему удивительному ассоциативному мышлению, разные динамические композиции вызывают разные ассоциации. Например, мячик справа вот-вот скатится, а слева уже скатился по перекладине.
Симметрия и асимметрия в композиции. Равновесие.
С симметричной композицией, как правило, не возникает проблем, статична она или динамична, нам «удобно» на нее смотреть, она понятна. Различают несколько видов симметрии: зеркальная, осевая, вращательная (поворотная), центральная и скользящая симметрия.
В случае с асимметрией необходимо правильно уравновешивать композицию. Для большинства людей равновесие — это психологическая необходимость для правильного восприятия всего образа в целом. Равновесие может достигаться противопоставлением размеров, форм пятен цвета и тени.
Хорошая композиция не позволяет произвести какие-то добавления или, наоборот, что-нибудь убрать, так как это в свою очередь приведет к глубоким изменениям ее характера.
Метр и ритм.
В графическом дизайне существует понятие метрических и ритмических композиционных рядов, на практике этими законами композиции пользуются почти каждый мастер.
Ритм — важное средство организации элементов формы, которое реализуется как многократное закономерное чередование элементов ряда с целью их упорядочивания.
Чувство ритма — это врожденное чувство людей. Ритм легко воспринимается и воспроизводится. Первобытный человек ощущал цикличность природных явлений и жизненных процессов, их ритмы. Это оказало существенное влияние на формирование первых орнаментальных образов.
Принято выделять метрические, ритмические и метроритмические ряды в зависимости от характера и количества изменений.
Метрический ряд — закономерное повторение равных элементов через равные промежутки. Метрический ряд сообщает целому статический характер. Метрический ряд может быть простым и сложным. Простой метрический ряд основывается на повторении одного элемента через равные интервалы. Сложный метрический ряд возникает при сочетании нескольких простых метрических рядов, то есть когда развивается несколько метрических повторов.
Ритмический ряд — закономерное повторение, которое основано на изменении элементов ряда, интервалов между ними или тех и других одновременно. Поэтому выделяют также простой и сложный ритмический ряд. Ритмический ряд сообщает целому динамический характер за счет возможного характера изменений (нарастание или убывание интервалов между элементами, нарастание или убывание размеров элементов, изменение цвета и так далее). Для построения ритмического ряда необходимо 4-5 элементов, так как еще 3 элемента не создают впечатления закономерного повтора.
Метро-ретмический ряд характеризуется наличием нескольких простых рядов, которые складываются в композицию.
Перспективное сокращение.
Существует очень интересный способ составления композиции путем привязок к угловой или фронтальной перспективе. Мы рассмотрим на примерах несложных перспектив. В отличии от аксонометрии размеры предмета в перспективе не вычисляются, используют один реальный размер, который является отправной точкой.
Фронтальная перспектива рассчитана на фиксированную точку зрения и предполагающий единую точку схода на линии горизонта. Предметы уменьшаются пропорционально по мере удаления от переднего плана.
Угловая перспектива всегда имеет 2 точки схода, все плоскости стремятся к этим точкам.
Все остальное разнообразие перспектив изображения являются производными от двух основных угловой и фронтальной, к ним относятся: линейная обратная перспектива, сферическая перспектива, плафонная перспектива, билатеральная перспектива, аспектива и перцептивная перспектива. Особое место хочется уделить воздушной (тональной) перспективе. Она характеризуется исчезновением четкости и ясности очертаний предметов по мере их удаления от глаз наблюдателя. При этом дальний план характеризуется уменьшением насыщенности цвета. Цвет теряет свою яркость, контрасты светотени смягчаются, таким образом, глубина кажется более светлой, чем передний план.
Я намеренно не упоминала такой способ построения композиции, как Золотое сечение, на мой взгляд, золотое сечение — отдельная большая тема, и познакомиться с ней вкратце просто не получится. На Ярмарке Мастеров и так множество прекрасных статей о золотом сечении, например «Золотое сечение. Божественная пропорция» (автор — Даша Самаркина).
В заключении хочется добавить, что законы композиции не обязательно строго исполнять, они часто противоречат друг другу, но прежде чем их нарушать, стоит научиться ими пользоваться.
Спасибо за внимание!
От автора: все композиционые схемы и примеры (на сером фоне) отрисованы лично мной, пожалуйста при использовании этого материала не забывайте ссылаться на авторство. Спасибо.
Использованные материалы: Выразительность графических и семантических средств в орнаменте. Литвинович Е.И.;
Основы композиции в дизайне. Tanya Flower; Перспектива — Виды перспективы. Шедевры Омска.
