Projektujemy systemy animacji dla interfejsów: jak zmieniają się strony i pojawia się treść oraz jak elementy reagują na kursor albo dotyk. Dobra animacja to przede wszystkim wyczucie czasu i umiar; równie ważne są testy na docelowych urządzeniach oraz wariant z ograniczonym ruchem.
Co dostarczamy
- Sekwencje sterowane scrollem
- Przejścia między stronami
- Animacje otwarcia i sekcji hero
- Mikrointerakcje przycisków, formularzy i nawigacji
- Opisany system ruchu: czasy, krzywe, zasady
- Wersje dla ograniczonego ruchu
Technologia i wdrożenie
Animacje interfejsu budujemy w CSS tam, gdzie to wystarcza, a w GSAP przy sekwencjach sterowanych scrollem i dłuższych osiach czasu. Animujemy głównie właściwości, które przeglądarka może renderować wydajnie, przede wszystkim transform i opacity. Treść pozostaje widoczna nawet wtedy, gdy skrypty się nie załadują, a każdy efekt ma spokojną wersję dla osób, które włączyły ograniczenie ruchu.