big

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

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

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

Визуальная иерархия

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

Главный элемент может быть определен размером, положением, цветом, контрастом или окружением.

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

0

Пропорции

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

Золотое сечение (1:1.618) — пропорция, встречающаяся в природе и активно используемая в искусстве и дизайне. В верстке это может означать, что одна часть разворота занимает примерно две трети, а другая — одну треть. Или что ширина текстовой колонки относится к полю как 1.618 к 1.

Исходный размер 3840x2000

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

Исходный размер 3840x2000

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

Баланс

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

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

Исходный размер 3840x2000

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

Исходный размер 3840x2000

Контраст

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

Контраст размера. Крупное рядом с мелким. Огромное фото и маленькая подпись.

Исходный размер 3840x2000

Контраст цвета. Теплое на холодном, яркое на приглушенном, насыщенное на нейтральном.

Исходный размер 3840x2000

Контраст формы. Острое рядом с круглым, геометричное с органическим.

Исходный размер 3840x2000

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

Ритм

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

Композиция и визуальная иерархия
Проект создан 23.03.2026
Мы используем файлы cookies для улучшения работы сайта НИУ ВШЭ и большего удобства его использования. Более подробную...
Показать больше