Блог Тильды

Виды композиции на сайте. Новогодняя версия ❄️

При создании сайта важно учитывать, как сочетается тематика проекта и настроение, которые вы хотите передать. Спросите себя, что должен почувствовать человек, заходя на сайт. Например, для лендинга психолога подойдёт спокойное настроение, а для интернет-магазина нестандартной одежды — динамичное.

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

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

Чаще всего симметричная композиция спокойная и понятная. Этот вид композиции может быть как статичным, так и подвижным, но всегда остаётся симметричным, как бы «отзеркаленным».

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

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

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

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

В открытой композиции элементы выходят за пределы блока, поэтому создаётся ощущение простора и динамики.
Made on
Tilda