Gewusst wie: Erstellen von GUI in Visio

Microsoft Visio 2010 ist ein Grafik-Design-Tool, das zum Erstellen von Diagrammen, Elemente der Benutzeroberfläche, Navigationsmenüs und anderen visuellen Objekten verwendet werden kann. Es bietet eine breite Palette von Tools für die Gestaltung einer grafischen Benutzeroberfläche (GUI) zu erstellen. Das Diagramm zeigt, wie die Anwendung oder das Webinterface in ihrer endgültigen Form erscheinen. Entwicklung einer GUI in Visio ist nicht allzu schwer und Entwürfe können als PDF-Dateien exportiert werden. Befolgen Sie ein paar Richtlinien zu lernen, wie eine einfache GUI Drahtrahmen Mockup für eine Website zu erstellen.

Anweisungen

1 Öffnen Sie Microsoft Visio. Erstellen Sie eine neue Zeichnung, indem Sie auf das leere Zeichnung Symbol. Klicken Sie auf "Erstellen".

2 Klicken Sie auf Shapes-Fenster auf der linken Seite des Bildschirms. Wählen Sie "Weitere Shapes." Wählen Sie "Grundformen US Units." Klicken Sie auf "Schnelle Formen."

3 Erstellen Sie eine Überschrift-Box durch Rechtsklick auf die Rechteckform Feld und ziehen das Shape auf der Zeichenfläche. Die Größe der Box um etwa 15 Prozent der oberen Bereich der Zeichnung zu decken.

4 Erstellen Sie eine Menübox Navigation durch Rechtsklick auf die Rechteckform Feld und ziehen das Shape unter dem Header-Feld. Ändern der Größe der eine Höhe von ungefähr einen halben Zoll und die gleiche Breite wie das Header-Feld haben.

5 Erstellen einer großen Hauptteil-Box durch Rechtsklick auf die Rechteckform Feld und ziehen es unter dem Navigations-Menü-Feld. Die Größe der Box haben die gleiche Breite wie der Header und Navigation Menü-Boxen und zur Deckung der Unterseite des Zeichenbereichs.

6 Erstellen Sie zwei Rechteck-Boxen durch Rechtsklick auf die Rechteckform-Feld und die Form über zweimal auf die Zeichenfläche ziehen. Ändern der Größe jedem passt eine Hälfte des Dialogfelds Hauptkörper. Jede Box neben einander innerhalb der Hauptteil-Box passt zu bewegen.

7 Erstellen Sie Textfelder, die Navigations-Links durch Klicken auf die Schaltfläche "A Text" in der Navigationsleiste oben. Wählen Sie einen Bereich in der Navigation-Kiste ein kleines Textfeld erstellen, indem Sie auf die linke Maustaste gedrückt. Bewegen Sie die Maus das Feld auf die gewünschte Länge die Größe ändern. Geben Sie im Text zu sagen, "Nach Hause".

8 Erstellen Sie vier weitere Textfelder mithilfe der linken Maustaste. Geben Sie in jedes Feld "Menü-Eintrag". Die Größe jedes Feld zum Anpassen an des Größe des Feldes "Home".

9 Wählen Sie einen Bereich in der Haupt-Header-Feld, und erstellen Sie ein Textfeld mit der Beschreibung "Main Header."

10 Erstellen Sie ein Textfeld in jede Kiste, die innerhalb des Raumes der wichtigsten Content-Box der Zeichnung. Geben Sie jedes Textfeld eine Beschreibung, wie z. B. "Content-Bereich." Die Größe jedes Textfeld, um die gleiche Größe. Wählen Sie die Schaltfläche "Zeiger" auf der oberen Navigationsleiste.

11 Speichern Sie die Zeichnung durch Klicken auf "Datei" aus der oberen Navigationsleiste und wählen "Speichern unter".

Tipps & Warnungen

• Während Visio nicht mit GUI Prototypen Schablonen oder Objekte zu kommen, bieten dritte Unternehmen solche Tools zum Download an. Wenn Sie Visio verwenden, um ein kooperatives Design erstellen möchten, denken Sie daran, dass die Visio-Zeichnung-Dateiformat nicht kompatibel mit den meisten Zeichnung Software-Pakete ist.
• Übermäßig komplexe Zeichnungen können verursachen Visio zu verlangsamen, in einer Zeichnung nach einer Änderung aktualisieren.