Tilda — простой конструктор сайтов, в котором можно сделать рабочий продукт из готовых блоков. Но для некоторых задач этого недостаточно. Поэтому команда сервиса придумала инструмент Zero Block, который привнес в рабочее пространство больше гибкости.

Что это?

Zero Block в Tilda можно назвать конструктором внутри конструктора. Если без него дизайнер просто собирает сайт из готовых блоков, то с ним уже можно делать свои уникальные блоки и изменять до неузнаваемости старые.

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

 
Рабочее пространство Zero Block в Tilda

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

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

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

Для чего подойдет?

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

Вот какие возможности открывает Zero Block:

  • Свободное расположение фигур. Zero Block дает возможность сочетать между собой усложненные конструкции изображений. Например, на странице можно разместить вырезанную модель самолета без фона и любой объект под ней будет виден за пределами границ.
  • Создание нестандартной композиции. Возможности этого блока позволяют расположить текст или изображение не только вертикально или горизонтально, но и под любым углом. Это не всегда может быть удобно для читаемости страницы, но добавляет в дизайн оригинальности.
 
Изображение из справочного центра Tilda
  • Сложная типографика. Теперь каждый блок сайта может выглядеть как плакаты с европейских выставок. Дизайнер не ограничен расположением заголовков и текстовых блоков. Любая надпись может быть любого размера со своим эффектом и анимацией.
  • Многослойность. Стандартные блоки разработаны по понятным правилам интерфейсов сайтов — выравнивание текста по краю, кнопка под текстом, изображение сбоку от описания и так далее. А в Zero Block все эти правила можно нарушать и сделать из сайта фактически коллаж — кнопка может быть поверх изображения, текст заходить за края фото, а заголовок частично спрятаться за каким-либо объектом. Если это умело использовать, то может получиться эффектная работа.

Эффекты и анимация

Помимо свободы действия в рабочем пространстве Zero Block в Tilda дает возможность анимировать как целые части страницы, так и отдельные элементы в конкретном блоке. Чаще всего для этого используют появление через эффект Fade In. С помощью этой анимации объект проявляет либо из фона, либо с какой-либо стороны (верхняя, нижняя, левая или правая).

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

Если вы хотите предметно обсудить какие-то возможности Tilda, то можете это сделать в нашем сообществе зерокодеров. Это крупнейшее сообщество зерокодеров в СНГ, где обсуждают не только Tilda, но и другие инструменты.