Biblioteka wireframe'ów

Kto może to zrobić: Wszyscy użytkownicy
W jakich abonamentach: Wszystkie abonamenty
Na jakich platformach: przeglądarka, aplikacja desktopowa, urządzenia mobilne

Uwaga: Prototyping Library nazywa się teraz Wireframing Library. Twoje istniejące Screens, UI components i przepływy będą działać tak samo.

Użyj Wireframing Library, aby tworzyć szkicowe Screens i przepływy bezpośrednio na planszy w Miro. Biblioteka zawiera Screens, UI components i Icons, które pomagają szkicować przepływy i uporządkować pomysły we wczesnej fazie.

Wszyscy użytkownicy mogą tworzyć statyczne wireframe'y. Advanced components, connector lines, i interactive preview wymagają abonamentu Business plan lub licencji Enterprise Accelerate license.

Wskazówka: Potrzebujesz prototypu wysokiej wierności? Skorzystaj z Prototypes 2.0 (HTML Prototypes). Możesz przekonwertować swoje wireframe'y na HTML Prototype, aby uzyskać bogatsze wizualizacje, edycję przez AI, przegląd i przekazanie. Zobacz O Prototypes 2.0 i Utwórz Prototype 2.0.

Otwórz Wireframing Library

1. Na planszy, z paska tworzenia, kliknij ikonę Narzędzia, multimedia i integracje.
2. Wyszukaj Wireframing, następnie kliknij Wireframing Library.
3. Otworzy się panel Wireframing Library.

Co zawiera Wireframing Library

Wireframing Library jest podzielona na karty. Wszyscy użytkownicy mogą tworzyć statyczne wireframe'y przy użyciu Screens, UI components i Icons.

Ekrany

Ekrany to gotowe ramki do tworzenia wireframe'ów. Dodaj Mobile, Tablet lub Desktop ekrany na swoją planszę, a następnie przeciągnij na nie elementy UI.

Pracuj z ekranami

• Pokaż lub ukryj obramowanie ekranu, aby wyglądał jak obudowa urządzenia lub prosta ramka.
• Obróć ekran.
• Zmień rozmiar ekranu, przeciągając w celu zwiększenia jego wysokości (tylko w pionie).

Komponenty UI

Komponenty UI to typowe elementy interfejsu, takie jak przyciski, pola wprowadzania, paski nawigacyjne i elementy formularzy.

Możesz:

• Przeciągnij komponenty na ekran.
• Zmień rozmiar i pozycję komponentów.
• Edytuj tekst i podstawowe style z menu kontekstowego.

Uwaga: Opcje menu kontekstowego różnią się w zależności od wybranego elementu.

W abonamencie Business i przy licencji Enterprise Accelerate niektóre UI components są interaktywne w Preview mode. Na przykład przyciski, suwaki, pola tekstowe i menu rozwijane reagują na Connector lines, które zdefiniowałeś.

Advanced components są dostępne tylko w abonamencie Business i przy licencji Enterprise Accelerate.

Ikony

Karta Ikony zawiera przeszukiwalną bibliotekę ikon.

Dodaj lub zamień ikonę

1. Przeciągnij ikonę z biblioteki na planszę.
2. Wybierz ikonę, aby zmienić jej kolor w menu kontekstowym.
3. Wybierz Replace icon, aby zamienić ją na inną bez zmiany pozycji ani rozmiaru.

Linie łączące i interaktywny podgląd

Dostępność: Business, Enterprise (z licencją Accelerate)

Linie łączące definiują nawigację między ekranami. Narysuj linie łączące od elementu na jednym ekranie do innego ekranu, aby zbudować wieloetapowe przepływy.

Linie łączące umożliwiają też interaktywny podgląd. W trybie podglądu połączone ekrany działają jak klikalny przepływ.

Wskazówka: Niektóre elementy interfejsu wyświetlają ikonę błyskawicy po dodaniu do ekranu. W wieloekranowych przepływach przeciągnij ikonę błyskawicy na inny ekran, aby utworzyć linię łączącą.

Konwertuj wireframe'y na HTML Prototypes

Dostępność: Business, Enterprise (z licencją Accelerate)

Gdy przepływ jest gotowy do przeglądu w wysokiej wierności lub przekazania, przekształć swoje widżety, wireframy lub Screens w HTML Prototype (Prototypes 2.0). HTML Prototypes obsługują:

• Bogatsze renderowanie (gradienty, cienie, czcionki i układy).
• Szybkie poprawki na planszy.
• Interaktywne łączniki.
• Edytuj z pomocą AI.
• Podgląd w trybie pełnoekranowym z linkiem do udostępnienia.
• Eksport do HTML lub obrazu.

Uwaga: Jeśli użyjesz Edytuj z pomocą AI na ekranach z Wireframing Library, Miro utworzy nowy prototyp Prototypes 2.0. Oryginalne Screens nie zostaną zmienione.

FAQ