Syneti

Prezentacja modułu  ·  nr 79

Animacje / Efekty Przewijania

Moduł „Animacje / Efekty Przewijania” w czterech formach: statyczne zrzuty panelu i strony, krótkie animacje pojedynczych czynności, film prowadzący przez całość oraz prezentacja interaktywna, po której klikasz samodzielnie.

Forma 1 z 4

Zrzuty ekranu

Statyczne widoki panelu i strony — najszybszy sposób, żeby sprawdzić, czy moduł wygląda tak, jak sobie wyobrażasz. Każdy zrzut pochodzi z działającego wdrożenia, nie z makiety.

Konfiguracja

Dobieramy, które elementy strony mają się animować i w jaki sposób - Ty nie musisz nic ustawiać.

Jak to wygląda

Sekcje, zdjęcia i liczby delikatnie „wjeżdżają” na ekran w miarę przewijania strony przez odwiedzającego.

Co robi odwiedzający

Przewija stronę i zauważa subtelny ruch, który sprawia że strona wydaje się żywsza i bardziej dopracowana.

Aktualizacja

Nowe sekcje dodane do strony automatycznie dziedziczą ten sam styl animacji.

Widok na telefonie

Ten sam moduł na małym ekranie — układ, kolejność sekcji i wielkość elementów dopasowane do obsługi palcem.

W1 — Animowane liczniki

Liczby (lata doświadczenia, liczba klientów) odliczają do wartości docelowej przy przewinięciu

Forma 2 z 4

Krótkie animacje

Pojedyncze czynności pokazane w ruchu, po kilkanaście–kilkadziesiąt sekund każda. Odtwarzają się w pętli, bez dźwięku — możesz je obejrzeć w biegu, bez słuchawek.

Konfiguracja 0:40

Cała czynność w jednym ujęciu — od pustego formularza do gotowego efektu widocznego na stronie.

Ścieżka odwiedzającego 0:25

Przewija stronę i zauważa subtelny ruch, który sprawia że strona wydaje się żywsza i bardziej dopracowana.

Aktualizacja w locie 0:18

Poprawka w panelu i natychmiastowy efekt na stronie — bez czekania na programistę.

Forma 3 z 4

Film

Animacje / Efekty Przewijania od A do Z 3:20

Pełne przejście przez moduł: konfiguracja, praca na treści od strony panelu, widok, który dostaje odwiedzający, oraz to, co dokłada pierwszy wariant rozwoju.

Rozdziały

  1. 00:00Co dostajesz w wersji podstawowej
  2. 00:30Konfiguracja
  3. 01:01Jak to wygląda
  4. 01:32Co robi odwiedzający
  5. 02:03Aktualizacja
  6. 02:33Wariant W1 — Animowane liczniki

Forma 4 z 4

Prezentacja interaktywna

Prezentacja H5P osadzona przez moduł Drupala — klikasz po zrzutach panelu i strony, rozwijasz podpowiedzi przy poszczególnych polach i sam decydujesz, w jakiej kolejności przechodzisz przez materiał. Działa w przeglądarce, bez instalowania czegokolwiek.

Wykorzystane typy treści H5P

  • Course Presentation

    Slajdy z panelu i strony, po których poruszasz się we własnym tempie.

  • Image Hotspots

    Punkty na zrzucie ekranu — kliknięcie wyjaśnia, do czego służy dane pole.

  • Interactive Video

    Film z pytaniami i odnośnikami pojawiającymi się w kluczowych momentach.

Obejrzane. Co dalej?

Prezentacja pokazuje moduł na naszym przykładzie. Jeśli chcesz sprawdzić go na własnych produktach — udostępniamy piaskownicę z dostępem do panelu.

Przetestuj moduł Pełna specyfikacja
Na górę