Stworzyć jeden kluczowy ekran interfejsu, który demonstruje efekt “szkło unosi się nad żywym tłem” z lekkim ruchem paralaksy.
Co należy dostarczyć
1 ekran w Figma + interaktywny prototyp, pokazujący ruch tła.
Struktura warstw (od dołu do góry)
Warstwa 1 — Tło (ruchome, paralaksa)
Trzeba stworzyć jeden kluczowy ekran interfejsu, który demonstruje efekt “szkło unosi się nad żywym tłem” z lekkim ruchem paralaksy.
Co należy dostarczyć
1 ekran w Figma + interaktywny prototyp, pokazujący ruch tła.
Co już jest gotowe
Wszystkie elementy UI (karty z efektem frosted glass, panele, przyciski) są już zrobione.
Nie trzeba ich przerabiać — tylko prawidłowo umieścić na tle.
Struktura warstw (od dołu do góry)
Warstwa 1 — Tło (ruchome)
Trzeba stworzyć miękki gradient/abstrakcyjne tło i ustawić lekki ruch paralaksy (ruch tła o kilka pikseli).
Warstwa 2 — Frosted Glass UI (statycznie)
UI jest już gotowe.
Ważne, aby wyglądało “unosząco się” nad tłem i było postrzegane jako premium.
Prototyp w Figma
Prototyp powinien wyraźnie pokazywać głębokość i efekt unoszenia.
Użyć interakcji “Ruch myszy” do symulacji paralaksy.
Wynik
Jeden gotowy ekran
Funkcjonalny prototyp w Figma
Starannie nazwane warstwy do przekazania deweloperom