Quebora5 min
Animacja na stronie to nie ozdobnik. Dobrze użyta, prowadzi wzrok, buduje hierarchię i sprawia, że marka zostaje w pamięci. Źle użyta — irytuje i spowalnia.
Zasada nr 1: ruch ma znaczenie
Każda animacja powinna mieć cel: odsłonić treść, podkreślić akcję, pokazać relację między elementami. Ruch dla samego ruchu to szum.
Zasada nr 2: szybkość i płynność
Animujemy wyłącznie właściwości przyjazne GPU (transform, opacity), celując w stałe 60 klatek. Płynność jest odczuwalna jako jakość.
Zasada nr 3: szacunek dla użytkownika
Respektujemy ustawienie „ogranicz ruch” w systemie. Osoby wrażliwe na animacje dostają spokojną, statyczną wersję — bez utraty treści.