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