Tilda выпустила учебник по веб-анимации
Бесплатный учебник из 16 уроков о том, как использовать анимацию в веб-проектах.
Из учебника можно узнать, как применять на сайтах эффекты анимации. Как с их помощью привлекать внимание пользователя к важному контенту и элементам интерфейса: кнопкам, пунктам меню, активным ссылкам, плиткам.
Все примеры из учебника можно повторить в конструкторе Tilda — в каждом уроке есть видеоинструкция, которая поможет разобраться, как создать анимацию.
Несколько примеров из учебника
В первом уроке показано, как анимировать элементы в обложках. Для каждого примера внутри урока описаны настройки, чтобы можно было повторить эффекты.
В виде списков и карточек можно оформить отзывы, услуги, кейсы, преимущества, команду, FAQ. Урок посвящён тому, как привлечь внимание к элементам этих блоков с помощью анимации появления.
Hover-эффект — это анимация элемента при наведении. Помогает обозначить, что с карточками и плитками на странице можно взаимодействовать. Популярные Hover-эффекты для плиток: затемнение фильтра, появление тени, появление контента, изменение масштаба, смена изображения, смещение.
Хороший приём, чтобы продемонстрировать, из чего состоит продукт. В примере элементы перемещаются с изменением размера при скролле.
Перемещая элемент вдоль экрана по скроллу, можно управлять вниманием посетителя сайта.
Параллакс позволяет добиться эффекта глубины при просмотре страницы благодаря разной скорости движения элементов.
Все уроки и примеры учебника по веб-анимации — по ссылке.
В этой статье команда WEWALL расскажет, как брокер по недвижимости может упростить процесс покупки, какие задачи он выполняет, чем отличается от других специалистов и почему стоит обратиться именно к нему.
Госдеп и Минфин готовят предложение по снятию санкций с отдельных юрлиц и физлиц. С кого именно — неизвестно.
Недавно российское сообщество всколыхнула новость о том, что якобы Visa и Mastercard вернутся в Россию. Вы же помните те времена, карты этих платежных систем, выпущенные российскими банками, без проблем работали за рубежом. Увы, сейчас они котируются только в пределах родной страны. Так есть ли шанс, что международные платежные системы вернутся в Р…
Номинальный директор и акционер в ОАЭ часто вызывают вопросы у предпринимателей, которые хотят развивать компанию в этой стране. Эти понятия связаны с защитой интересов бенефициаров и соблюдением требований законодательства. В этой статье рассмотрим правовой статус номинальных лиц, историю регулирования и практические аспекты, связанные с их исполь…
Почему-то вспомнилось обилие анимации и всяких вылетающих плашек в презентациях школьников и студентов. +5 к привлекательности. Они так думали.
Да. Когда анимация используется часто и неуместно, это только раздражает. Но если использовать ее в меру — это отличный способ акцентировать внимание.
На сайте Apple, например, шикарнейший параллакс.
Учебник как сделать некоторую анимацию в тильде, но не "Учебник по веб-анимации"
Тильда вообще молодцы. Столько полезного у них блоге да еще и бесплатно
Комментарий недоступен
В какой-то момент казалось, что сайт начал как то медленнее работать из-за этой анимации((
Надо понимать, на что идёшь ради красоты..