Март 12
Что это, для чего нужно и как правильно использовать?Анимированные элементы всегда привлекают внимание больше, чем статичные. Но при неправильном использовании при разработке веб сайтов и мобильных приложений вместо интереса и положительного впечатления они могут вызвать раздражение и отторжение.
Для того, чтобы избежать такого исхода событий, разберёмся - какие основные задачи выполняет анимация:
1. Анимация ожидания. Самый распространённый вариант - preloader. Используется в случаях долгой загрузки страницы.
2. Анимация подтверждения. При совершении действия элементы на странице могут менять форму, цвет, содержание.
3️. Декоративная анимация. Нет, эта анимация не «просто для красоты». Ее функция — привлечь внимание пользователя к самому важному, вызвать тот самый wow-эффект.
Любую анимацию важно использовать «к месту» и дозированно, она не должна перегружать страницу и отвлекать пользователя от ее содержания.Какая анимация выглядит наиболее оптимально и выигрышно?
- С эффектом 2D и 3D;
- С элементами «мини-сюжета»;
- В процессе загрузки страницы можно показывать полезную информацию;
- Нестандартный скролл страницы;
- Последовательная, а не одновременная загрузка анимации.
Новости
