← На главную

Анимация при прокрутке: блоки сайта появляются по ходу чтения

Анимация при прокрутке: блоки сайта появляются по ходу чтения
Длинная страница услуги легко превращается в сплошную стену текста. Анимация при прокрутке помогает её «разложить»: блоки появляются плавно, по мере того как человек листает вниз. Как это выглядит. Заголовок мягко проявляется, карточки преимуществ выезжают по одной, шаги работы загораются друг за другом. Взгляд сам идёт по порядку, и читать становится проще. Мы делаем такую анимацию прямо в коде сайта, без тяжёлых видео и сторонних программ. Код — это инструкции, по которым браузер рисует страницу. Поэтому движение получается лёгким и не тормозит даже на старом телефоне. Где анимация уместна: — на шагах «как мы работаем»; — на блоке преимуществ и списках; — на схемах, где важен порядок. Где лучше без неё: в формах, в ценах и в контактах. Там человеку нужно действовать, а не ждать, пока что-то появится. Ещё одно правило: движение короткое и спокойное. Если в настройках телефона включено «уменьшить движение», сайт это учитывает и показывает блоки сразу. В «АРК Веб» мы добавляем анимацию при прокрутке на сайты WordPress и лендинги — аккуратно, чтобы она помогала читать, а не отвлекала.

Смотреть все публикации