Otwórz prototyp
1
Kliknij Preview
Na pasku narzędzi edytora kliknij Preview. Odtwarzacz prototypów otwiera się jako widok pełnostronicowy, oddzielny od edytora.
2
Pozwól Flowstepowi połączyć twoje ekrany
Jeśli twój plik ma dwa lub więcej ekranów, Flowstep automatycznie łączy elementy interaktywne — przyciski, karty, elementy menu — z ich docelowymi ekranami po otwarciu podglądu (zobaczysz “Bringing your screens to life” podczas pracy). Łącza są regenerowane tylko wtedy, gdy twoje ekrany uległy zmianie od ostatniego uruchomienia.
3
Kliknij przez swój przepływ
Kliknij dowolny połączony element — przycisk, kartę, element menu — aby przejść do jego docelowego ekranu. Pasek boczny wyświetla listę wszystkich ekranów w pliku, dzięki czemu możesz przeskoczyć do dowolnego z nich bezpośrednio, a Back to editor wraca cię do pliku.
Automatyczne łączenie wymaga co najmniej dwóch ekranów w pliku. Jeśli generowanie łączy nie powiedzie się, użyj przycisku Retry w odtwarzaczu.
Ustaw nawigację ręcznie
Możesz kontrolować dokładnie, dokąd nawiguje element:- W edytorze wybierz element (na przykład przycisk).
- Otwórz panel Navigation w panelu właściwości po prawej stronie.
- Wybierz ekran docelowy z listy rozwijanej — lub wybierz No navigation, aby usunąć łącze.
Sterowanie interaktywne
Prototyp to nie tylko nawigacja możliwa do kliknięcia — sterowanie na twoich ekranach reaguje podczas podglądu. Przełącz przełącznik, zaznacz pole wyboru, wybierz opcję radiową, wybierz z listy rozwijanej, przełącz karty, wpisz w pole, lub zwiększ licznik, a ekran aktualizuje się na żywo, aby odzwierciedlić nowy stan. Ekrany w pliku udostępniają jeden stan prototypu podczas sesji podglądu, więc zmiana dokonana na jednym ekranie przechodzi, gdy klikasz w inne. Możesz również przełączyć ekran między jasnym i ciemnym wyglądem, aby zobaczyć, jak reaguje.Zachowanie interaktywne jest generowane automatycznie z twoich ekranów — nie trzeba nic podłączać. Podgląd pliku, aby spróbować.