Блог Тильды

Фигурные разделители на сайте

〰️ Структурировать контент на странице можно разными способами, один из них — использование геометричных цветных переходов между блоками. Рассказываем подробнее о фигурных границах.

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

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

На Тильде доступно три вида разделителей: зигзаг, стрелка и скос. Выбирайте тот, что больше соответствует характеру и стилю вашего сайта. Например, для спокойного геометричного сайта больше подойдёт симметричная стрелка, а не динамичный зигзаг.

Как добавить фигурную границу?
Добавьте в нужное место на странице блок DV12 из категории «Разделитель» → выберите нужный стиль границы в Настройках блока и настройте детали, например, искажение по вертикали и масштаб.

Если вы хотите использовать уникальную границу — например, волну для сайта с обтекаемыми плавными элементами — вы можете сделать это в Zero Block. Для этого нужно создать готовый разделитель в формате svg и добавить в качестве элемента Shape с позиционированием Window Container и шириной 100%.
Made on
Tilda