Animacje w Designerze
Większość elementów projektu może się poruszać na ekranie. Nagłówek może się wsunąć, cena delikatnie pulsować, a zdjęcie unosić się w powietrzu. Ustawiasz to osobno dla każdego elementu w Designerze, a Twoje ekrany odtwarzają animację automatycznie.
Wprawianie elementu w ruch
- Otwórz projekt w Designerze i zaznacz element.
- Kliknij przycisk Animuj na pasku nad płótnem. Jeśli okno jest wąskie, znajdziesz go pod przyciskiem z trzema kropkami na końcu tego paska.
- Wybierz animację w sekcji Wejście, w sekcji Ciągła albo w obu.
Aby usunąć animację, ustaw z powrotem wartość Brak.
Animacja wejścia
Animacja wejścia odtwarza się, gdy projekt pojawia się na ekranie. Do wyboru masz:
- Pojawianie
- Wsuwanie z lewej albo Wsuwanie z prawej
- Wsuwanie w górę albo Wsuwanie w dół
- Powiększanie
- Odbicie przy wejściu
Ustaw, jak długo trwa animacja i ile czeka przed startem. Nadawaj kolejnym elementom nieco dłuższe opóźnienie, na przykład najpierw nagłówkowi, a potem cenom, a projekt zbuduje się krok po kroku.
Animacja ciągła
Animacja ciągła trwa przez cały czas, gdy projekt jest na ekranie. Do wyboru masz:
- Pulsowanie: element lekko rośnie i maleje.
- Obrót: element się obraca.
- Odbicie: element podskakuje w górę i w dół.
- Unoszenie: element powoli unosi się i opada.
Suwakami prędkości i intensywności ustawiasz, jak szybki i jak wyraźny ma być ruch. Element może mieć jednocześnie animację wejścia i ciągłą: animacja ciągła zaczyna się, gdy wejście się skończy.
Podgląd animacji
Kliknij przycisk Podgląd na górnym pasku Designera, tuż przed przyciskiem Pobierz, aby zobaczyć projekt w ruchu. Jeśli projekt ma tylko animacje wejścia, podgląd zamknie się sam po ich zakończeniu.
Na Twoich ekranach
- W playliście animacja wejścia odtwarza się za każdym razem, gdy projekt pojawia się na ekranie.
- Gdy projekt jest jedyną treścią na ekranie, animacja wejścia odtwarza się raz po załadowaniu, a animacje ciągłe trwają dalej.
Warto wiedzieć
- Aplikacji, playlist i kodów QR w projekcie nie można animować.
- Tekst przesuwający się przez ekran nie jest animacją. Zamiast tego dodaj do projektu aplikację Pasek tekstowy z panelu Aplikacje na lewym pasku Designera. Zobacz Aplikacje informacyjne: pogoda, zegar, wiadomości, tickery i inne.
- Asystent AI może ustawić animacje za Ciebie, gdy projekt jest otwarty w Designerze. Poproś na przykład: „niech ceny pulsują” albo „niech nagłówek się wsunie”.
Wskazówka
Ruch przyciąga wzrok. Animuj jeden lub dwa elementy, na przykład ofertę dnia, a resztę zostaw w bezruchu. Dzięki temu ekran pozostaje spokojny i czytelny z daleka.
Zobacz też Tworzenie projektu w Designerze.