Kto może korzystać: Wszyscy użytkownicy
Jakie abonamenty: Wszystkie abonamenty
Na jakich platformach: Przeglądarka, Komputer, Telefon komórkowy
Używaj Biblioteki prototypów, aby budować układy prototypów bezpośrednio na planszy Miro. Biblioteka zawiera ekrany, komponenty interfejsu użytkownika i ikony, które pomagają wizualizować przepływy i strukturyzować pomysły na wczesnym etapie.
Możesz używać Biblioteki prototypów do tworzenia statycznych prototypów. Funkcje takie jak zaawansowane komponenty, linie łączące i interaktywny podgląd wymagają dodatku Miro Prototypes.
Biblioteka prototypów zawiera wszystko, czego potrzebujesz do ręcznego tworzenia przepływów jedno- i wieloekranowych w Miro
Otwórz bibliotekę prototypów
- Na planszy, z paska twórczego, kliknij Narzędzia, Media i Integracje (
).
- Wyszukaj i znajdź Prototypowanie, a następnie kliknij Biblioteka prototypów.
- Panel Biblioteka prototypów otworzy się.
Co znajduje się w bibliotece prototypów
Biblioteka prototypów jest zorganizowana w karty. Wszyscy użytkownicy mogą użyć biblioteki do tworzenia statycznych układów prototypów przy użyciu ekranów, komponentów UI i ikon.
💡 Aby tworzyć prototypy generowane przez AI oraz interaktywne przepływy, używaj biblioteki Prototyping razem z Miro Prototypes.
Ekrany
Ekrany to gotowe ramki do tworzenia prototypów przepływów. Możesz dodać mobilne, tabletowe lub desktopowe ekrany do swojej planszy i budować układy, przeciągając na nie elementy UI.
Pracuj z ekranami
- Pokaż lub ukryj obramowanie ekranu (tak, aby wyglądało jak ramka urządzenia lub prosta ramka)
- Obróć ekran
- Zmień rozmiar ekranu, przeciągając w celu zwiększenia jego wysokości (tylko pionowo)
Komponenty UI
Komponenty UI to powszechne elementy interfejsu, które można przeciągać na ekrany, takie jak przyciski, pola wejściowe, paski nawigacyjne i elementy formularzy.
Możesz:
- Przeciągać komponenty na ekran
- Zmieniać rozmiar i przemieszczać komponenty
- Edycja tekstu i podstawowego stylu z menu kontekstowego
✏️ Opcje menu kontekstowego różnią się w zależności od wybranego elementu.
Gdy dodatek Miro Prototypes jest włączony, niektóre komponenty UI stają się interaktywne w trybie podglądu. Na przykład, przyciski, suwaki, pola wejściowe i rozwijane menu reagują na akcje użytkownika w oparciu o zdefiniowane linie łączące.
Niektóre zestawy komponentów, takie jak zaawansowane komponenty, są dostępne tylko z dodatkiem Miro Prototypes. Jeśli dodatek nie jest włączony, te komponenty mogą pojawiać się w bibliotece z wskaźnikiem.
Ikony
Karta Ikony zawiera przeszukiwalną bibliotekę ikon do wykorzystania w prototypach.
Dodaj lub zamień ikonę
- Przeciągnij ikonę z biblioteki na planszę.
- Wybierz ikonę, aby zaktualizować jej kolor z menu kontekstowego.
- Wybierz Zastąp ikonę, aby wymienić ją na inną, nie zmieniając jej położenia ani rozmiaru.
Szkielety (dziedzictwo)
Karta Szkielety zawiera elementy szkieletów z poprzednich wersji. Te elementy są nadal dostępne i edytowalne na istniejących tablicach, ale nowsze prototypy powinny korzystać z ekranów i komponentów UI z biblioteki prototypów.
Linie łączące i interaktywność (dodatek Miro Prototypes)
Linie łączące pozwalają zdefiniować nawigację między ekranami w prototypie. Kiedy dodatek Miro Prototypes jest włączony, możesz tworzyć linie łączące między elementami i ekranami, aby budować wieloetapowe przepływy.
Linie łączące umożliwiają także interaktywny podgląd. W trybie podglądu połączone ekrany zachowują się jak klikalny przepływ, a ekrany przewijają się pionowo, jeśli wykraczają poza obszar widoku. Bez dodatku linie łączące i interaktywne zachowanie nie są dostępne.
💡 Niektóre elementy interfejsu użytkownika pokazują ikonę błyskawicy po dodaniu do ekranu. W przepływach wieloekranowych przeciągnij ikonę błyskawicy, aby utworzyć linię łączącą między ekranami.