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

Что такое композиция?

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

Композиция в дизайне отвечает и за эстетику, и за функционал. Она обеспечивает баланс и помогает передать сообщение более эффективно. Благодаря композиции изображение для зрителя выглядит более понятным, а информация на нем — легко считываемой. Что помогает добиться такого эффекта? Рассмотрим 4 принципа композиции в дизайне.

Баланс

Это визуально равномерное распределение элементов на странице. Баланс бывает:

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

bymostudio в Pinterest

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

Kailee Ziegler в Pinterest

Контраст

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

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

Vecteezy в Pinterest

Иерархия

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

В частности, мы много пишем о том, что в презентации важно делать заголовки в 2 раза крупнее основного текста. Это утверждение также основано на принципе иерархии.

Esther Le в Pinterest

Повторение

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

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

Joanna Houston в Pinterest

Как это все запомнить и применять?

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

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