Erstellen Sie ein Drahtgitterdiagramm für Benutzeroberflächen
Die Wireframe-Vorlage in Visio Professional und Visio Plan 2 dient zum Erstellen von Modellen mit mittlerer Wiedergabetreue von Softwareanwendungen. Die Vorlage kann für eine Vielzahl von Softwaretypen verwendet werden, z. B. Anwendungen für Windows, das Internet und mobile Geräte.
Klicken Sie zunächst auf die Schablone Dialoge und ziehen Sie ein Antragsformular oder ein Dialogformular auf die Seite. Fügen Sie weitere Shapes aus dieser Schablone hinzu, um die grundlegende Struktur der Benutzeroberfläche zu skizzieren.
Klicken Sie auf die Schablone Symbolleisten , um Menüs und andere Anwendungssymbole hinzuzufügen.
Verwenden Sie die Shapes auf den anderen vier Standardschablonen ( Controls , Cursors , Common Icons und Web and Media Icons ), um die Benutzeroberfläche auszufüllen und die Funktionalität der Anwendung anzuzeigen.
Einige der Drahtgitterformen haben anpassbare Eigenschaften. Hier sind einige Tipps zur Verwendung dieser Formen.
Was möchten Sie tun?
Dialoge erstellen
Gestalten | Tipps |
|---|---|
Anmeldeformular | Ein Container, der die Grenzen der gesamten Anwendung angibt. Ein Verbindungspunkt in der oberen rechten Ecke hält Windows-Schaltflächenformen an Ort und Stelle. |
Dialogform | Ein Container zum Speichern von Symbolen, Steuerelementen und Text für Dialogfelder. Ein Verbindungspunkt in der oberen rechten Ecke hält Windows-Schaltflächenformen an Ort und Stelle. |
Windows-Taste | Wählen Sie aus, welche Schaltfläche Sie mit dieser Form darstellen möchten: Schließen, Maximieren, Minimieren oder Wiederherstellen (die Schaltflächen, die sich normalerweise in der oberen rechten Ecke von Anwendungen und Dialogfeldern befinden). Sie wählen die gewünschte Schaltfläche aus, wenn Sie die Form auf dem Formular ablegen, und Sie können auch mit der rechten Maustaste auf die Form klicken und auf Schaltflächentyp klicken , um sie später zu ändern. Ändern Sie die Schattierung der Schaltfläche, indem Sie mit der rechten Maustaste auf die Form klicken und dann auf Aktive anzeigen klicken. |
Statusleiste | Ein Container für Statusleistenelemente, Symbole und Splitter. Statusleistenelemente sind mittellange Balken, denen Sie durch Doppelklicken Text hinzufügen können. Sie haben auch einen zentralen Verbindungspunkt zum Hinzufügen eines Symbols, Fortschrittsbalkens, Schiebereglers oder einer anderen Form. Statusleistensymbole sind kurze Balken mit einem zentralen Verbindungspunkt, auf den Sie Symbole von allgemeinen Symbolen oder Web- und Mediensymbolen ziehen können. Sie können Statusleisten-Teiler zwischen anderen Formen ablegen, um sichtbare Unterteilungen zu machen. |
Scrollleiste | Klicken Sie mit der rechten Maustaste, um ihn als vertikal oder horizontal festzulegen und um die Länge des Schiebereglers (Daumenlänge) einzustellen. Verwenden Sie den gelben Steuergriff, um den Schieberegler entlang der Bildlaufleiste zu verschieben. |
Grabber zur Größenänderung | Kann nur in Bildlaufleisten und Statusleisten verwendet werden. Ein Dialogfeld wird angezeigt, in dem Sie den Typ festlegen können, nachdem Sie ihn auf der Seite abgelegt haben. |
Tab-Leiste | Ein Container für Registerkartenelemente. Nachdem Sie ein oberes Registerkartenelement oder ein unteres Registerkartenelement hinzugefügt haben, können Sie weitere hinzufügen, indem Sie mit der rechten Maustaste auf das Registerkartenelement klicken oder auf den blauen Einfügepfeil klicken, der mit der orangefarbenen Hervorhebung angezeigt wird, wenn Sie den Mauszeiger über eine Ecke der Registerkarte halten. Ändern Sie die Schattierung einer Registerkarte, indem Sie mit der rechten Maustaste auf die Form klicken und dann auf Aktive Registerkarte festlegen klicken. Wenn die Registerkartenleiste ausgewählt ist, können Sie die Registerkarte „ Format " unter „ Containertools " verwenden, um den Stil der Registerkartenleiste zu ändern. |
Symbolleisten erstellen
Gestalten | Tipps |
|---|---|
Menüleiste | Ein Container für Menüleistenelemente. Nachdem Sie ein Menüleistenelement hinzugefügt haben, klicken Sie mit der rechten Maustaste auf das Element, um den Status (z. B. aktiviert oder ausgewählt), den Typ (normal oder Dropdown) festzulegen und festzulegen, ob Platz für ein Symbol hinzugefügt werden soll. Sie können auch das Kontextmenü verwenden, um weitere Menüleistenelemente hinzuzufügen, oder Sie können auf den blauen Einfügen-Pfeil klicken. |
Dropdown-Menü | Ein Container für Menüelemente. Nachdem Sie ein Menüelement hinzugefügt haben, klicken Sie mit der rechten Maustaste auf das Element, um den Status (z. B. aktiviert oder ausgewählt), den Typ (z. B. normal oder Radio) festzulegen und festzulegen, ob es auf Menübreite eingestellt werden soll. Sie können auch das Kontextmenü verwenden, um weitere Menüelemente hinzuzufügen, oder Sie können auf den blauen Einfügen-Pfeil klicken. Sie können ein Dropdown-Menü mit einem Menüleistenelement verbinden, um ein geöffnetes Menü anzuzeigen. Die Elemente der Menüleiste haben Verbindungspunkte in der unteren Ecke, die mit der oberen Ecke eines Dropdown-Menüs verbunden werden können. |
Steuerelemente zu Formularen hinzufügen
Gestalten | Tipps |
|---|---|
Hyperlinks | Wenn Sie ein Hyperlink-Shape auf der Seite ablegen, wird das Dialogfeld „Hyperlinks" angezeigt, damit Sie das Linkziel festlegen können. |
Taste | Klicken Sie mit der rechten Maustaste auf das Schaltflächen-Shape, um den Zustand oder das Erscheinungsbild der Schaltfläche festzulegen (z. B. aktiviert oder ausgewählt). |
Listenfeld | Ein Container für Listbox-Elemente. Klicken Sie mit der rechten Maustaste auf das Listenfeld, um die Richtung der Liste festzulegen (z. B. von oben nach unten oder von links nach rechts). Nachdem Sie ein Listenfeldelement hinzugefügt haben, klicken Sie mit der rechten Maustaste auf das Element, um den Status festzulegen (z. B. aktiviert oder ausgewählt) und um Platzhalter festzulegen, wenn Sie dem Element zusätzlichen Platz hinzufügen möchten, z. B. um ein Symbol hinzuzufügen. Sie können auch das Kontextmenü verwenden, um weitere Listenfeldelemente hinzuzufügen, oder Sie können auf den blauen Einfügen-Pfeil klicken. Wenn das Listenfeld ausgewählt ist, können Sie die Registerkarte „ Format " unter „ Containertools " verwenden, um den Stil des Listenfelds zu ändern. |
Kontrollkästchen | Klicken Sie mit der rechten Maustaste auf das Kontrollkästchen, um die Auswahl (z. B. Ausgewählt oder Nicht ausgewählt ) und den Status (z. B. Aktiviert oder Beim Hover ) festzulegen. |
Baumkontrolle | Ein Container für Tree-Control-Elemente. Nachdem Sie ein Baumsteuerelement hinzugefügt haben, klicken Sie mit der rechten Maustaste auf das Element, um den Einzug zu steuern und Eigenschaften des Baums festzulegen, z. B. den erweiterten oder reduzierten Zustand und Platzhalterabstände. Sie können auch das Kontextmenü verwenden, um weitere Tree-Control-Elemente hinzuzufügen, oder Sie können auf den blauen Einfügen-Pfeil klicken. Wenn das Baumsteuerelement ausgewählt ist, können Sie die Registerkarte „ Format " unter „ Containertools" verwenden, um den Stil des Baumsteuerelements zu ändern. |
Schieberegler | Klicken Sie mit der rechten Maustaste auf den Schieberegler, um Eigenschaften wie Anzahl und Position der Teilstriche festzulegen. Verwenden Sie den gelben Steuergriff, um den Schieberegler zu bewegen. |
Fortschrittsanzeige | Verwenden Sie den gelben Steuergriff, um die Fortschrittsanzeige zu bewegen. |
Kalender | Wenn Sie einen Kalender auf der Seite ablegen, wird ein Dialogfeld angezeigt, in dem Sie den Monat und das Jahr festlegen können. Um die Einstellung später zu ändern, klicken Sie mit der rechten Maustaste auf die Form und dann auf Konfigurieren . |
No comments:
Post a Comment