Microsoft Visio 2010 is een grafisch ontwerp tool die kan worden gebruikt om diagrammen , interface-elementen , navigatie menu's en andere visuele objecten te maken . Het biedt een breed scala aan hulpmiddelen om het ontwerp van een grafische gebruikersinterface ( GUI ) te creëren . Het diagram laat zien hoe de applicatie of web -interface zal verschijnen in zijn definitieve vorm . Het ontwikkelen van een GUI in Visio is niet te moeilijk , en ontwerpen kunnen worden geëxporteerd als PDF -bestanden . Volgen een paar richtlijnen om te leren hoe je een eenvoudige GUI draad-kader mockup voor een website te bouwen . Wat je nodig hebt
Microsoft Visio 2010
Toon Meer Aanwijzingen
Open Microsoft Visio 1 . Maak een nieuwe tekening door te klikken op het pictogram lege tekening . Klik op de knop "Create " . Kopen van 2 Klik op het venster Shapes op de linkerkant van het scherm . Selecteer "Meer Shapes . " Selecteer " Basisvormen Amerikaanse eenheden . " Klik op " Snelle shapes . "
3 Maak een rubriek doos door met de rechtermuisknop te klikken op de rechthoek vak vorm en de vorm te slepen om de tekening gebied . Resize de doos tot ongeveer 15 procent van het bovenste gedeelte van de tekening te dekken .
4 Maak een navigatiemenu doos door met de rechtermuisknop te klikken op de rechthoek vak vorm en de vorm onder het vak header te slepen . De grootte van het vak om een hoogte van ongeveer een halve centimeter en dezelfde breedte als de doos kop hebben .
5 Maak een grote hoofddeel doos door met de rechtermuisknop te klikken op de rechthoek doos vorm en deze onder te slepen het navigatiemenu doos . De grootte van het vak aan dezelfde breedte als de header en navigatiemenu dozen en naar de bodem van de tekening gebied bestrijken .
6 Maak twee rechthoekige dozen door met de rechtermuisknop te klikken op de rechthoek doos vorm en slepen de vorm over aan de tekening gebied twee keer . Resize elke doos op een helft van het hoofdgedeelte doos past . Beweeg elke doos te passen naast elkaar in de hoofdtekst doos .
7 Maak tekstvelden die navigatie-links door te klikken op de " A Text "-knop in de bovenkant van de navigatiebalk . Selecteer een gebied binnen de navigatie vak om een klein tekstveld maken door op de linker muisknop . Beweeg de muis naar het veld aanpassen naar een gewenste lengte . Typ tekst om te zeggen "Home ".
8 Maak vier tekstvelden door met de linker muisknop . Type " menu-item " in elk vak . Resize elke doos om de grootte van het vak "Home " match .
9 Kies een gebied binnen de belangrijkste header doos en maak een tekstveld met de beschrijving " Main Header . "
< Br > 10 Maak een tekstvak in elk vak zich in de belangrijkste inhoud doos gebied van de tekening . Geef elk tekstvak een beschrijving , zoals " Content Area . " Resize elk tekstvak op dezelfde grootte zijn. Selecteer de " Pointer " knop op de bovenkant navigatiemenu .
11 Sla de tekening door te klikken op " File " in de bovenste navigatiebalk menu en selecteer " Opslaan als . "
< br >
|
