Kto może to zrobić: Wszyscy użytkownicy
Jakie wersje: Wszystkie wersje
Na jakich platformach: Przeglądarka, aplikacja komputerowa, urządzenia mobilne
Twórz prototypy bezpośrednio na tablicy, korzystając z biblioteki do tworzenia prototypów. Biblioteka zawiera elementy UI i ikony, które można wykorzystać do tworzenia interaktywnych prototypów, samodzielnie lub w połączeniu z funkcją Twórz z pomocą AI Prototype.
Tworzenie prototypów zastąpi Bibliotekę wireframe'ów, która zostanie wycofana jeszcze w tym roku. Do tego czasu Biblioteka wireframe'ów będzie dostępna poprzez kartę Wireframes w Bibliotece prototypów.
Dostęp do biblioteki prototypów
- Kliknij ikonę Media, Narzędzia i Integracje (
).
- Szukaj Tworzenie prototypów.
- Wybierz wynik wyszukiwania tworzenie prototypów.
- Panel tworzenia prototypów otworzy się z kartami dla elementów interfejsu użytkownika i ikon.
Zaprojektuj prototyp
- Wybierz ekran z panelu elementów interfejsu i kliknij w dowolnym miejscu na tablicy, aby go umieścić.
- Przeciągnij i upuść inne elementy interfejsu użytkownika lub ikony na ekran.
- Jeśli projektujesz prototyp wieloekranowy, dodaj linie łączące w celu dodania interaktywności między ekranami (widoczne w Podglądzie):
- Kliknij element UI, który chcesz połączyć z innym ekranem.
- Kliknij i przeciągnij ikonę łącza z elementu UI na ekran, z którym chcesz się połączyć.
Zmień stany elementów UI
Niektóre elementy UI mają opcje dotyczące ich stanu w prototypie, takie jak zaznaczenie lub odznaczenie pola wyboru. Aby uzyskać dostęp do tych stanów:
- Kliknij element interfejsu, dla którego chcesz zmienić ustawienia.
Pojawi się menu kontekstowe. - W menu kontekstowym kliknij menu rozwijane Stan.
- Wybierz żądany stan.
Zmień style elementów
Aby zmienić kolor lub czcionkę elementu UI:
- Kliknij element, który chcesz edytować.
Pojawia się menu kontekstowe. - W zależności od elementu, będziesz mieć możliwość zmiany koloru tła, czcionki, rozmiaru czcionki i/lub koloru czcionki.
Zobacz podgląd prototypu
Aby wyświetlić interaktywny podgląd swojego prototypu:
- Wybierz jeden z ekranów prototypu.
Pojawi się menu kontekstowe. - Kliknij Podgląd.
Podgląd się załaduje. - Możesz kliknąć elementy w prototypie, aby zobaczyć ich interakcje — stworzone za pomocą linii łączących — lub kliknąć strzałki, aby nawigować między ekranami.