Trådrammemalen i Visio Professional og Visio Plan 2 er utformet for å opprette mock-ups med middels gjengivelse av programmer. Malen kan brukes for et bredt spekter av programvaretyper, for eksempel programmer for Windows, Internett og mobile enheter.
-
Start ved å klikke dialogbokssjablongen og dra et programskjema eller et dialogboksskjema til siden. Legg til andre figurer fra denne sjablongen for å skissere den grunnleggende strukturen i brukergrensesnittet.
-
Klikk verktøylinjesjablongen for å legge til menyer og andre programikoner.
-
Bruk figurene på de fire andre standardsjablongene (kontroller, markører, vanlige ikoner og nett- og medieikoner) til å fylle ut brukergrensesnittet og vise programmets funksjonalitet.
Noen av trådrammefigurene har egenskaper som kan tilpasses. Her er noen tips om hvordan du bruker disse figurene.
Hva vil du gjøre?
Opprett dialogbokser
Figur |
Tips! |
---|---|
Programskjema |
En beholder som gir grensene for hele programmet. Et koblingspunkt øverst til høyre holder Windows-knappfigurer på plass. |
Dialogboksskjema |
En beholder som inneholder ikoner, kontroller og tekst for dialogbokser. Et koblingspunkt øverst til høyre holder Windows-knappfigurer på plass. |
Windows-knappen |
Velg hvilken knapp du vil representere ved hjelp av denne figuren: Lukk, Maksimer, Minimer eller Gjenopprett (knappene som vanligvis er øverst til høyre i programmer og dialogboksskjemaer). Du velger hvilken knapp du vil bruke når du slipper figuren i skjemaet, og du kan også høyreklikke på figuren og klikke Knappetype for å endre den senere. Endre skyggeleggingen av knappen ved å høyreklikke på figuren og deretter klikke Vis aktiv. |
Statuslinje |
En beholder for statuslinjeelementer, ikoner og delingsdeler. Statuslinjeelementer er middels lange stolper du kan legge til tekst i ved å dobbeltklikke. De har også et midtpunkt for å legge til et ikon, fremdriftsindikator, glidebryter eller en annen figur. Statuslinjeikoner er korte stolper med et koblingspunkt i midten som du kan slippe ikoner fra Vanlige ikoner eller Nett- og Medieikoner på. Du kan slippe statuslinjedelinger mellom andre figurer for å gjøre synlige divisjoner synlige. |
Rullefelt |
Høyreklikk for å angi som loddrett eller vannrett, og angi lengden på glidebryteren (tommellengde). Bruk det gule kontrollhåndtaket til å flytte glidebryteren langs lengden på rullefeltet. |
Endre størrelse på grabber |
Kan bare brukes i rullefelt og statusfelt. En dialogboks vises slik at du kan angi typen etter at du har sluppet den på siden. |
Tabulatorlinje |
En beholder for faneelementer. Når du har lagt til et øvre faneelement eller et bunnfaneelement, kan du legge til mer ved å høyreklikke faneelementet eller ved å klikke den blå Sett inn-pilen som vises med den oransje uthevingen når du holder pekeren over et hjørne på fanen. Endre skyggeleggingen av en fane ved å høyreklikke på figuren og deretter klikke Angi aktiv fane. Når tabulatorlinjen er valgt, kan du bruke Format-fanen under Beholderverktøy til å endre tabulatorlinjestilen. |
Opprett verktøylinjer
Figur |
Tips! |
---|---|
Menylinje |
En beholder for menylinjeelementer. Når du har lagt til et menylinjeelement, høyreklikker du elementet for å angi tilstanden (for eksempel aktivert eller valgt), typen (normal eller rullegardin), og om du vil legge til plass til et ikon. Du kan også bruke hurtigmenyen til å legge til flere menylinjeelementer, eller du kan klikke den blå Sett inn-pilen. |
Rullegardinmeny |
En beholder for menyelementer. Når du har lagt til et menyelement, høyreklikker du på elementet for å angi tilstanden (for eksempel aktivert eller valgt), typen (for eksempel normal eller radio), og om du vil angi den til menybredde. Du kan også bruke hurtigmenyen til å legge til flere menyelementer, eller du kan klikke den blå Sett inn-pilen. Du kan koble en rullegardinmeny til et menylinjeelement for å vise en åpen meny. Menylinjeelementene har koblingspunkter i nedre hjørne som kan kobles til øvre hjørne av en rullegardinmeny. |
Legge til kontroller i skjemaer
Figur |
Tips! |
---|---|
Hyperkobling |
Når du slipper en hyperkoblingsfigur på siden, vises dialogboksen Hyperkoblinger slik at du kan angi koblingsmålet. |
Knapp |
Høyreklikk knappefiguren for å angi statusen eller utseendet til knappen (for eksempel aktivert eller valgt). |
Listeboks |
En beholder for listeelementer. Høyreklikk listeboksen for å angi retningen på listen (for eksempel fra topp til bunn eller venstre mot høyre). Når du har lagt til et listeelement, høyreklikker du elementet for å angi tilstanden (for eksempel aktivert eller valgt), og for å angi plassholdere hvis du vil legge til ekstra plass i elementet, for eksempel for å legge til et ikon. Du kan også bruke hurtigmenyen til å legge til flere listeelementer, eller du kan klikke den blå Sett inn-pilen. Når listeboksen er valgt, kan du bruke Format-fanen under Beholderverktøy til å endre listeboksstilen. |
Avmerkingsboks |
Høyreklikk på avmerkingsboksen for å angi valg (for eksempel valgt eller umerket) og delstat (for eksempel Aktivert eller Ved pekerfølsom). |
Trekontroll |
En beholder for trekontrollelementer. Når du har lagt til et trekontrollelement, høyreklikker du elementet for å kontrollere innrykk og angi egenskaper for treet, for eksempel utvidet eller skjult tilstand og plassholderområder. Du kan også bruke hurtigmenyen til å legge til flere trekontrollelementer, eller du kan klikke den blå Sett inn-pilen. Når trekontrollen er valgt, kan du bruke Format-fanen under Beholderverktøy til å endre trekontrollstilen. |
Glidebryteren for talemeldinger |
Høyreklikk glidebryteren for å angi egenskaper som tall og plassering av aksemerker. Bruk det gule kontrollhåndtaket til å flytte glidebryteren. |
Fremdriftslinje |
Bruk det gule kontrollhåndtaket til å flytte fremdriftsindikatoren. |
Kalender |
Når du slipper en kalender på siden, vises en dialogboks slik at du kan angi måned og år. Hvis du vil endre innstillingen senere, høyreklikker du figuren og klikker deretter Konfigurer. |