Блог Тильды

Виды анимации на сайте

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

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

3 правила использования анимации

1. Используйте анимацию в меру. Важно, чтобы примененные эффекты не стали навязчивыми.
2. Анимируйте функциональные элементы: пункты меню, кнопки, плитки или активные ссылки.
3. Следите за отображением анимации в мобильной версии. Не перегружайте мобильную версию анимацией, чаще всего будет достаточно эффекта появления, чтобы сайт выглядел аккуратно и работал корректно.

Как устроена анимация в Тильде

На Тильде есть разные виды анимации, например, простая в базовых блоках и Zero Block, а также пошаговая с большим количеством детальных настроек.

- Базовые блоки, в которых уже предустановлена анимация
- Базовая анимация в Zero Block с разными эффектами появления элементов
- Продвинутый инструмент в Zero block для дизайнеров, где можно настроить пошаговую анимацию

Узнать подробнее о видах веб-анимации, примерах и правилах её использования можно в бесплатном учебнике «Анимация в вебе». В каждой лекции есть практические уроки о том, как создать популярные анимационные эффекты в редакторе Тильды: https://tilda.education/web-animation-course
Made on
Tilda