Основы композиции и дизайна – 3.3. Типы композиции. Основы графического дизайна на базе компьютерных технологий

все о том как все правильно расположить

Смотри какая классная статья

Композиция дизайна

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

1. Одиночная визуальная композиция 

Здесь используется одно изображение. Это означает, что изображение, как правило, мощное, эффектное и на нем строится весь дизайн.

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

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

Glitter Denmark — очень хороший пример единичной визуальной композиции

2. Золотое сечение

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

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

3. Фокус

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

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

4. Сетка в дизайне

Вряд ли это что-то новое. Сетки — один из самых популярных элементов композиции. Сетка помогает выстроить  структуру дизайна и используются для создания гармоничной пропорции среди элементов.

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

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

Пример применения системы сеток

5. Законы Гештальта

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

Существует пять принципов: завершенность, сходство, непрерывность, фигура-фон и близость.

Если вкратце, то закон завершения образа говорит, что мы привыкли связывать несвязанные элементы в знакомые нашему разуму формы. Отличный пример: если мы усилим круг, нарисованный на 330 °, то нашим мозгом о воспримется как целостный, завершенный круг. 

Логотип компании Apple этому закону подтверждение

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

На примере сайта ebay мы видим разные объекты (картинки и тексты) схожих цветов и наш разум их соединяет в одну группу.

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

Несмотря на пробелы между линиями, мы все равно можем прочитать логотип

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

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

Еще один пример от компании Apple, где на черном фоне мы вычленяем телефоны

6. Размещение «Z» и «F»

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

Оформление в форме «Z»

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

Goal Arena наглядно представляет собой схему в форме F

Заключение 

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

Роль композиции в дизайне

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

Понятие композиции

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

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

Композиционные средства

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

— Симметрия

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

Асимметрия.

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

— Пропорциональность

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

— Контраст, подобие и нюанс

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

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

— Масштабность

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

— Равновесие

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

— Выявление центра

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

— Ритм

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

Ритм в дизайне.

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

Виды композиции

Принято выделять следующие виды композиции:

— Линейная

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

— Фронтальная

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

— Объемная

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

— Пространственная

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

Построение композиции в дизайне

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

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

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

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

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

Конспект дизайнера: основы композиции — Telegraf — журнал дизайнерів.

Telegraf.Design начинает серию публикаций конспектов лекций о дизайне от школы Projector.

Откроет новую рубрику лекция руководителя отдела веб-дизайна «1+1 медиа» Евгения Демченко, который расскажет об основах композиции и способах управления вниманием читателей.

Також вас може зацікавити Graphic Design Professium.

Евгений Демченко – бывший арт-директор Pоkupon и дизайнер MEGOGO. Уже почти 18 лет профессиональной жизни посвятил психологии разработки дизайна.

---

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

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

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

Если у игры нет цели, вы никогда не выиграете.

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

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

В = f (P, E)

* В – поведение человека                                                                                                                                    * f – знак функциональной зависимости                                                                                                       * P – особенности личности человека                                                                                                             * E – среда

Основные виды плоскостных композиций:

1. Симметричная
2. Асимметричная

Также выделяют:

• горизонтальную
• вертикальную
• диагональную
• круговую
• глубинную
• ракурсную
• всегда можно создать свой собственный вариант

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

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

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

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

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

A и Ω композиции – контент

Для грамотной подачи контента вам необходимо разработать свою метрическую систему. Как это сделать?

1. Определиться с контентом.
2. Выбрать область композиции, ее формат.
3. Учесть окружающую среду (где будет выставлена ваша композиция?).
4. Учесть условия взаимодействия (сколько времени наблюдатель будет коммуницировать с композицией и т.д.).
5. Изучить особенности потребления.
6. Учесть другие факторы.

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

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

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

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

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

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

Базовые элементы композиции

Компонентами композиции являются:

• Точка
• Линия
• Прямоугольник
• Окружность
• Многоугольник

Все макеты могут состоять из этих базовых элементов.

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

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

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

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

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

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

Из этого выведено правило «внутреннего и внешнего».

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

Чем проще воспринимается вашим оппонентом композиция, тем лучше. Ваша задача – сделать восприятие всех элементов композиции максимально простым.

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

Существует 3 типа группировки информации по принципу воздействия, которые мы можем подать в плоскостном дизайне:

1. Инфо-блок
2. Промо-блок
3. Блок разрыва

Инфо-блок – это текст. Он должен передать сообщение. Состоит из множества многоугольников (букв) и сложен для восприятия. Инфо-блок является самым медленным по передаче информации оппоненту.

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

Блок разрыва – разрыв контента и сюжета в композиции. Блоком разрыва может быть контрформа, полоска или отсутствие контента.

Рифмы блоков:

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

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

Группировка через гештальтизм:

1. Закон близости. Объекты, расположенные рядом, имеют тенденцию восприниматься вместе.
2. Закон схожести. Объекты, которые похожи по атрибутам, будут восприниматься как группа.
3. Закон закрытости. Неполные силуэты достраиваются в восприятии до полных.
4. Закон симметрии. Симметричные объекты и выровненные вокруг центральной точки объекты воспринимаются как часть цельного объекта.
5. Закон общего поля. Элементы, которые лежат на одной плоскости или в одном поле, воспринимаются как одно множество.
6. Закон связанности. Элементы, объединенные общим элементом, воспринимаются как одно множество.
7. Закон общей судьбы. Элементы с одинаковым направлением движения воспринимаются как целое.

Также нужно учитывать законы взаимодействия:

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

Закон Хика. Чем меньше элементов, тем меньше времени занимает выбор одного из них.

Закон Якоба. Пользователи предпочитают, чтобы ваш продукт работал так же, как и все другие продукты, которые они уже знают.

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

Закон Миллера. Кратковременная человеческая память, как правило, не может запомнить и повторить более 5-9 элементов.

Бритва Оккама. Не следует привлекать новые сущности без крайней на то необходимости.

Закон Паркинсона. Рост приводит к усложненности, а усложненность – это конец пути.

Закон крайней позиции. Мозг лучше всего запоминает первый и последний элемент серии.

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

Эффект Зейгарник. Человек лучше запоминает прерванные действия, чем завершенные.

Вывод

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

Берем контент -> Разбиваем его на сюжет-> Выбираем метрическую систему для подачи контента -> Контролируем работу пятен -> Приводим хаос к порядку. Убираем ненужные мелочи -> Проверяем по психологическим моментам.

---

Полную видео-версию лекции можно посмотреть на сайте школы Projector.

НОУ ИНТУИТ | Лекция | Основы дизайна. Принципы и законы композиции

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

Цели занятия

• познакомить учащихся с понятием композиции в графическом дизайне;
• дать учащимся основные сведения о принципах композиции;
• познакомить учащихся с основными правилами при создании композиции.

Содержание занятия

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

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

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

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

Принципы композиции

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

  • форм (большой и маленькой, длинной и короткой, квадратной и круглой),
  • направления (вертикального и горизонтального, прямого и наклонного),
  • цвета (черного и белого, цветного и серого, светлого и темного, теплого и холодного) и пр.
• Единство стиля достигается тем, что все элементы не противоречат друг другу, а имеют ту или иную стилистическую близость. Этот принцип композиции означает самый тщательный отбор элементов и проверку их на соответствие друг другу. Отдельная деталь сама по себе может быть очень удачной, но если она не соответствует композиции, то такую деталь нельзя использовать (или придется изменять всю композицию и замысел целиком).
• Нюанс — это ослабленный контраст, который играет роль оттенка в различиях основного контраста. Главный контраст требует развития, которое реализуется в нюансе. Если основной контраст строится, например, на крупном (заголовок) и мелком (основной текст) шрифтах, то уместно использовать еще один размер шрифта, который слегка отличается от основного, для выделения важных абзацев. Он и будет служить нюансировкой, которая подчеркнет основной контраст и сохранит единство стиля.
• Ритм — чередование элементов с определенной и закономерной последовательностью. Ритм задает темп и последовательность восприятия графического произведения. Максимальный ритмический рисунок присущ орнаментам, для которых характерно равномерное следование элементов друг за другом. Достаточно заметен ритм строк и абзацев текста. Дизайнер должен всегда продумывать ритмическое построение изображения, страницы или даже всего издания в целом.

Необходимо рассмотреть некоторые правила композиции, вытекающие из основных принципов (единства стиля, контраста, нюанса и ритма).

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

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

  • Во-первых, дизайн, как правило, должен определяться единственным контрастом. Например, если основной контраст строится на крупном и мелком шрифте, то не стоит добавлять контраст по цвету. Контраст «работает» только тогда, когда он ясно читается. А множество контрастов взаимно гасят друг друга.
  • Во-вторых, дизайн должен быть «прозрачен», то есть зрителю умело преподносится содержание, а не обилие технических приемов.
• Уместность элементов. Из принципа единства стиля следует уместность, которой следует руководствоваться при выборе элементов. Удачный рисунок или декоративный элемент могут оказаться «чужими» в конкретной композиции. Уместность исходит прежде всего из назначения графического произведения и касается всех элементов дизайна (иллюстраций, цвета и шрифта). Для официального документа предпочтительны сдержанные, строгие цветовые соотношения, а для рекламного буклета вполне допустимо цветовое буйство. Выбор шрифта и его разнообразие также требует учета цели документа и его аудитории.
• Внимание к деталям. Самый тщательный отбор деталей и строгое отношение к их размещению — одно из руководящих правил. Коварство мелких деталей состоит в том, что незамеченная опечатка, неравномерные отступы и другие «мелочи» могут испортить в целом удачно решенную композицию.
• Равновесие компоновки. Правило равновесия состоит в том, что каждый элемент имеет «визуальный вес», который создается сложным сочетанием размера, цвета и положения. Например, темный цвет тяжелее светлого, а большой элемент тяжелее такого же, но маленького размера. Одним из способов достижения равновесия является симметричное расположение элементов (такая композиция считается не самой выразительной). Но соотношение элементов по горизонтальной линии, как правило, желательно иметь одинаковым («равновесным»). Если композиция имеет визуальный центр, то скорее всего это должен быть оптический центр листа (на 1/8 выше физического центра).
• Пропорциональность — это четкость замысла и точность исполнения, когда каждый элемент занимает свое соразмерное место. Достижение пропорциональности — конечный этап работы над графической композицией. Показателем пропорциональности является ситуация, когда нельзя изменить размер или положение ни одного элемента без того, чтобы это не повлияло на размеры и положение других элементов.

Примерные вопросы для контроля

1. Дайте определение композиции.
2. В чем состоит основной принцип композиции?
3. Перечислите принципы композиции. Поясните каждый.
4. Что требует от дизайнера правило простоты решения?
5. Какими средствами достигается равновесие композиции?

Основы композиции в дизайне — Сей-Хай: Знания

Видеокурс по основам композиции.

Лектор видеокурса

Сементий Лобач – Дизайнер с пятнадцатилетним стажем. После огромного количества студий и типографий пришел к созданию своей мастерской, которой руководит не один год. Руководитель Projector.Odessa.

 

В этом видеокурсе вы узнаете

Что такое композиции, из каких вещей она состоит и как все эти теоретические знания использовать на практике.

Для кого будет полезен курс

Этот курс будет полезен всем, кто хочет разобраться в том, как правильно расположить объекты на плоскости и грамотно их комбинировать.
Must See в первую очередь: графическим, веб и моушн дизайнерам.
Знания полученные из видеокурса будут служить вам прочным фундаментом, на котором вы сможете основать свою работу.

 

Разделы курса:

• Что такое композиция. Зачем нужна композиция
• Законы композиции
• Хинты в композиции. Фишки, секреты
• Баланс и состояние равновесия в композиции. Что такое вес
• Пропорции и симметрия в композиции
• Работа с линией в композиции
• Ритм в композиции
• Заключительный урок. Книги и наставления.

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

Курс состоит из большого куска теоретических знаний и практика.

Что из себя представляет видеокурс:

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

Продолжительность курса:

1 час 50 минут концентрированных знаний

Этот курс дополнят:
Базовый курс по цвету
Базовый курс по композиции

Основы дизайна: композиция в интерьере

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

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

Основы дизайна: композиция в интерьере

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

Основы дизайна: композиция в интерьере

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

Основы композиции в дизайне интерьера

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

Центр композиции

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

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

Основы дизайна: композиция в интерьере

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

Основы дизайна: композиция в интерьере

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

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

Симметрия

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

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

Основы дизайна: композиция в интерьере

Основы дизайна: композиция в интерьере

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

Ассиметрия

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

К примеру, когда основные предметы установлены на 2/3 площади помещения, третья его часть не должна оставаться пустой. Здесь, в противовес, можно расположить один, но броский, и достаточно крупный объект (шкаф, зеркало, стол, панно).

Основы дизайна: композиция в интерьере

Элементы гармонии

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

Основы дизайна: композиция в интерьере

Нюансы в композиции интерьера

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

Наиболее красноречиво нюансы проявляются в фактурах, противопоставленных друг другу:

Зеркало на фоне матовой стены. Гладкая обивка дивана в сочетании с меховым покрывалом. Узор на однотонном фоне. Использование более насыщенного цвета в малом количестве.

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

Основы дизайна: композиция в интерьере

Контраст

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

Основы дизайна: композиция в интерьере

Похожие элементы

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

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

Основы дизайна: композиция в интерьере

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

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

3.3. Типы композиции

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

3.3.1. Сюжетно-изобразительная композиция

Сюжетно-изобразительная (повествовательная) композиция лежит в основе реалистических художественных произведений (живописных, скульптурных и т. д.). В ней участвуют «реальные» персонажи. Их отношения и действия взаимно обусловлены, у каждого своя роль. Противостояние объектов композиции служит выявлению их сущности, качественных характеристик. Эти отношения типичны, они выделены, выхвачены из более общего содержания, контекста. Произведение требует внимательного вдумчивого рассмотрения, и, как правило, вызывает обобщение от частного к общему.

Пример сюжетно-изобразительной композиции – реалистичное произведение станковой живописи. Его цель – рассказать зрителям о каком-либо явлении или событии и выразить отношение художника к этому событию (рис. CD-3.59). Такое произведение автономно, самодостаточно. Оно не должно зависеть от окружения, хотя интерьер, в котором висит картина, несомненно, влияет на восприятие.

3.3.2. Декоративно-тематическая композиция

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

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

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

Рис. 3.60. В. Фаворский. Из цикла «Рассказы о животных»

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

Можно попробовать решить обратную задачу: создать декоративную композицию на одну и ту же тему, выбрав различные материалы. Например, выразить образ «Солнце». В народном творчестве эта тема очень популярна. Солнце – древний языческий образ дневного светила, символ жизни и плодородия. Это главный мотив и вологодского кружева (рис. CD-3.61, а) и металлических наверший придорожных ритуальных столбов в Литве (рис. CD-3.61, б), и многоцветной национальной таджикской росписи стен и потолков (рис. CD-3.61, в). У каждого народа и каждого мастера собственные приемы, рисунок, краски, но везде строго соблюдаются каноны многовековой художественной традиции.

3.3.3. Композиция предметных форм

Композиция предметных форм – натюрморты – очень популярны в классическом и современном искусстве. Натюрморт любили в Европе в XVII–XVIII веках, в наши дни многие новые художественные тенденции проявляются в первую очередь в натюрмортах. Композиции из обыденных, казалось бы, вещей могут производить большое эмоциональное впечатление. Разнообразные формы, материалы, сама «жизнь вещей» вызывают ассоциации и обобщения. Предметы, собранные вместе, влияют друг на друга, изменяют друг друга, образуют ритмический строй, цветовой аккорд, общий силуэт. Изменяются и сами включенные в композицию вещи: стакан рядом с самоваром и стакан рядом с соленым огурцом несут разную смысловую нагрузку. В Голландии и Германии натюрморт называют «штильлебен» (Stilleben) – «тихая жизнь». Композиция образует новое смысловое пространство, позволяет читать между строк. Это не перечисление предметов, а сумма отношений, целостность идеи.

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

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

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

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

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

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

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

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

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

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

Следующая глава >