Erwecken Sie die Idee für eine neue Anwendung mithilfe eines Visio-Drahtmodells zum Leben! Bei einem Drahtmodell handelt es sich um ein detailliertes visuelles Modell der Benutzeroberfläche für eine Anwendung – ähnlich einer Blaupause von Funktionen und Inhalten. Diese Drahtmodellvorlagen für Websites und mobile Apps sind ideal für die Erstellung einer Entwurfsskizze mit geringer Genauigkeit, um Ideen darzustellen, zu einem Konsens mit dem Team zu gelangen und die Grundlage für ein Drahtmodell mit hoher Genauigkeit zu schaffen.
Hinweis: Diese Drahtmodellvorlagen sind in der Desktop-App mitVisio Plan 2 und Visio 2019 verfügbar. Sie sind in der browserbasierten Version von Visio nicht verfügbar.
Erste Schritte
So suchen Sie die Vorlagen für Websites und mobile Apps:
-
Website Wählen Sie Datei > Neue > Vorlagen > Software und Datenbank > Wireframe – Website aus.
-
Mobile App Wählen Sie Datei > Neue > Vorlagen > Software und Datenbank > Wireframe – Mobile App aus.
Hinweis Die Vorlagen Website und Mobile Wireframe unterscheiden sich von der Legacy-Wireframe-Diagrammvorlage, die in erster Linie für Desktopanwendungen entwickelt wurde.
Zusammenfassung von Drahtmodellvorlagen
Bei jeder Vorlage können Sie entweder ein Startdiagramm für einen schnellen Einstieg oder eine leere Zeichnung auswählen. Jede Vorlage enthält fünf Schablonen (Container, Steuerelemente, Medien, Text und Navigation) mit jeweils vielen Shapes. Container bieten Ihnen vordefinierte Gruppen von Shapes, die verschiedene Dialogfelder und Karten darstellen, damit Sie Ihre Drahtmodelldiagramme schneller erstellen können. Drahtmodellschablonen enthalten außerdem intelligente Shapes, z. B. einen Schieberegler für Bereiche oder eine Statusanzeige, die Sie mit Kontrollpunkten und Aktionen im Kontextmenü anpassen können, um den Status, numerische Werte oder visuelle Stile zu ändern. Diese Vorlagen sind generisch und können für unterschiedliche Browser und mobile Geräte genutzt werden.
Vorlagen und Startdiagramme |
Beschreibung |
|
---|---|---|
|
Drahtmodell – Website |
Eine leere Vorlage zur Erstellung des grundlegenden Inhaltslayouts für eine Website, einschließlich Schnittstellen und Navigation sowie deren Zusammenwirken |
|
Drahtmodelldiagramm für Medien |
Ein Startdiagramm für eine Website, das viel Text und Medien enthält |
|
Drahtmodelldiagramm für Unternehmen |
Ein Startdiagramm für eine Website für die Angebotsseite zu einem Produkt |
|
Drahtmodelldiagramm für E-Commerce |
Ein Startdiagramm für eine E-Commerce-Website |
|
Drahtmodell – Mobile App |
Eine leere Vorlage zur Erstellung des grundlegenden Inhaltslayouts für eine mobile App, einschließlich Schnittstellen und Navigation sowie deren Zusammenwirken |
|
Drahtmodelldiagramm für Listen |
Ein Startdiagramm für eine mobile App, das Listenelemente darstellt |
|
Drahtmodelldiagramm für Medien |
Ein Startdiagramm für eine mobile App, das viel Text und Medien enthält |
|
Drahtmodelldiagramm für Benutzerprofile |
Ein Startdiagramm für eine mobile App, das einen Benutzerprofil-Bildschirm darstellt |