Композиция. Особенности и правила построения композиции

1.

Композиция
Особенности и правила построения
композиции

2.

К основным
моментам
композиции
относятся…
Композиция – это…
Расположение и соотношение элементов,
заставляющих их работать как единое целое,
влиять на восприятие зрителя.
■ Объединение отдельных объектов в
целостную, гармоничную структуру
■ Направление взгляда зрителя в нужное
русло
■ Передача содержания и эмоционального
наполнения произведения
2

3.

Разберем на примере
Что привлекает Ваше внимание на
каждом изображении и почему?
3

4.

Разберем на примере
Что привлекает Ваше внимание на
каждом изображении и почему?
4

5.

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

6.

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

7.

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

8.

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

9.

Пример
■ Например, на схематичном дизайне сайта четко выделяется розовый элемент –
кнопка. Она будет основным элементов и композиционным центром. Весь экран
создан таким образом, чтобы пользователь обратил на нее внимание и кликнул.
9

10.

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

11.

Баланс в композиции: Визуальный вес
Визуальный вес – это способность объекта
притягивать к себе внимание зрителя. На
визуальный вес влияют следующие факторы:
■ Степень детализации (детализированные
объекты привлекают больше внимание,
хочется их рассмотреть)
■ Расположение (вспомним о
композиционном центре)
■ Размер
■ Цвет
11

12.

Размер при создании идеального
визуального веса
Несмотря на равные ширину и
высоту двух фигур – квадрат
выглядит ощутимее крупнее
круга.
Чтоб фигуры казались нам
равными потребуется сделать
круг немного крупнее квадрата
12

13.

Оптическое выравнивание
■ Исходя из предыдущего примера мы поняли, что одинаковый размер фигур – не всегда
визуально будет смотрется одинаковым. Аналогично работает и центрирование объектов.
Порой, точно-математически размещенный по центру объект не выглядит на своем
месте, кажется, будто он смещен в одну из сторон.
■ Именно для этого дизайнеры принимают технику оптического выравнивания –
размещают объект визуально по центру опираясь на его форму. Самый яркий пример –
логотип YouTube. Чтобы добиться оптического баланса центр треугольника сместили
вправо.
13

14.

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

15.

Разберем на примере
Что здесь влияет на оптический вес?
15

16.

16

17.

МИНУТКА ОТДЫХА
Дизайнеру очень важно разрабатывать свою надсмотренность, тем
более в плане формирование правильных композиций и
композиционного центра. Давайте попробуем сыграть в игру!
https://www.supremo.co.uk/designers-eye/

18.

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

19.

Ритм в дизайне и построении композиции
Если дизайнер хочет на что-то
обратить внимание, то
достаточно нарушить заданные
ритмичные правила: например,
добавить яркие цвета.
19

20.

Типы ритмов
Примеры регулярного
ритма в
повседневной жизни:
Зебра на дороге,
Фасады домов,
Плитка на полу,
…?
Регулярный – интервалы между
элементами предсказуемы или сами
элементы схожи по размеру. Такой
ритм статичен, но делает дизайн
живым за счет контраста
20

21.

Типы ритмов
Примеры плавного
ритма в
повседневной жизни:
• Обои,
• Окрасы животных,
• …?
Плавный – повторяющиеся
элементы следуют изгибам и
волнам. Каждый элемент при этом
уникален и не похож на предыдущий.
21

22.

Типы ритмов
Примеры
прогрессирующего
ритма в
повседневной жизни:
• Круги на воде,
• Радуга,
• …?
Прогрессирующий – ритм, который
возникает, когда формы или фигуры при
каждом своем повторении
последовательно меняют форму,
размер. Так же он может быть задан
изменениями в интервалах между
элементами.
22

23.

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

24.

Контраст по цвету
Самый сильный контраст дают желтый,
синий и красный цвет
24

25.

Контраст светлого и темного
25

26.

Контраст теплого и холодного
26

27.

Контраст по размеру
27

28.

Контраст по форме
28

29.

Контраст по движению
29

30.

ПРОМЕЖУТОЧНЫЙ
ИТОГ
Мы изучили всю терминологию, которая касается композиции, теперь
Вы можете создавать свои плакаты, применяя знания о
композиционном центре, балансе и ритме.
Однако есть еще несколько правил в композиции, которые позволят
грамотно располагать элементы и управлять вниманием зрителя.

31.

Правило третей
■ Активные точки находятся на пересечении линий, которые делят пространство на
девять равных прямоугольных частей или на самих линиях.
■ Согласно данному правилу – объект помещается либо на пересечение данных
линий, либо в 1/3 изображения.
31

32.

Золотое сечение
■ Соотношение объектов, которое имеет наиболее приятные для восприятия
пропорции формы и структуры. Оно определяет отношение большей части к
меньшей, благодаря этому его удобно применять для подбора размеров
элементов и получать грамотные структуры.
32

33.

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