Sådan oprettes GUI i Visio

December 7

Sådan oprettes GUI i Visio

Microsoft Visio 2010 er et grafisk design værktøj, der kan bruges til at oprette diagrammer, interface elementer, navigation menuer og andre visuelle objekter. Det tilbyder en lang række værktøjer til at skabe design af en grafisk brugergrænseflade (GUI). Diagrammet viser, hvordan programmet eller Web interface vises i sin endelige form. Udvikling af en GUI i Visio er ikke så svært, og design kan eksporteres som PDF-filer. Følg et par retningslinjer for at lære, hvordan man opbygger en grundlæggende GUI wire-frame mockup for et websted.

Instruktioner


• Åbn Microsoft Visio. Opret en ny tegning ved at klikke på tegningen ikon blank. Klik på knappen "Opret".

• Klik på Former vinduet i venstre side af skærmen. Vælg "Flere Former." Vælg "grundformer amerikanske enheder." Klik på "Quick former."

• Opret en overskrift kasse ved at højreklikke på det rektangel kasse form og trække formen til tegningen området. Resize feltet dækker omkring 15 procent af det øverste område af tegningen.

• Opret en navigationsmenu kasse ved at højreklikke på det rektangel kasse form og trække formen under overskriften kassen. Resize boksen til have en højde på omkring en halv inch og den samme bredde som header kassen.

• Opret en stor vigtigste organ box ved at højreklikke på det rektangel kasse form og trække det under navigationsmenuen kassen. Tilpas størrelsen på boksen for at have samme bredde som header og navigationsmenu kasser og dække bunden af ​​tegningen området.

• Opret to rektangel bokse ved at højreklikke på det rektangel kasse form og trække formen over på tegningen området to gange. Resize hver boks til at passe den ene halvdel af hoveddelen kassen. Flyt hver kasse til at passe ved siden af ​​hinanden inde i hoveddelen kassen.

• Opret tekstfelter repræsenterer navigation links ved at klikke på "A Text" knappen i toppen af ​​navigationslinjen. Vælg et område inde i navigationsboksen at oprette en lille tekstfelt ved at klikke på venstre museknap. Flyt musen for at ændre størrelsen på feltet til en ønsket længde. Indtast tekst til at sige "Home".

• Opret yderligere fire tekstfelter ved at bruge venstre museknap. Skriv "menupunktet" i hver boks. Resize hver boks til at matche størrelsen på "Home" boksen.

• Vælg et område inde i de vigtigste header boksen og skabe et tekstfelt med beskrivelsen "Main Header".

• Opret et tekstfelt i hver kasse placeret inde i hovedindholdet boksen område af tegningen. Giv hver tekstboks en beskrivelse, såsom "Content Area." Resize hver tekstfeltet for at være af samme størrelse. Vælg "Pointer" knappen øverst navigationsmenu.

• Gem tegningen ved at klikke på "File" fra den øverste navigationsmenu og vælge "Gem som".