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

1. Композиция в дизайне

Санджиева Гиляна, 101 ДМД

2. Композиция —

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

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

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

4. Минимум одна доминанта

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

5. Расположение объектов по третям

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

6. Задавать ритм

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

7. Чередование количеств и размеров

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

8. Чередование количеств и размеров

9. Учитывать контрформу

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

10. Как практиковаться в композиции

11. Визуальный анализ

Можно смотреть подборки с разными
иллюстрациями и отвечать на
такие вопросы:
Как это сделано?
Почему привлекает внимание?
Какие эмоции это вызывает?
Какая задача была у
иллюстрации?
Почему взгляд падает сюда?
Как подчёркнут сюжет?

12. Композиционный конспект

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

13.

Картина Валентина Серова «Похищение
Европы» и её композиционный конспект.
Белые акценты и тёмные штрихи создают
ритм, который делает картину немного
похожей на паттерн.

14. В начале черно-белый формат

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

15. Не спешить с цветом

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

16. Спасибо за внимание! 

Спасибо за
внимание!