Nettverk wireframes er enkle linjetegninger som viser plasseringen av elementer på en nettside. Du kan spare mye tid ved å redigere utformingen av en enkel wireframe ved starten av designprosessen i stedet for en kompleks design senere.
Bruke wireframes er en fin måte å starte et nettstedsprosjekt på, da det gjør at du og din klient kan fokusere på oppsettet uten distraksjon av farge, type og andre designelementer. Konsentrere deg om hva som skjer der på websidene dine og hvor mye plass hvert element tar opp, noe som kan bestemmes av kundens behov.
Hva skal inkluderes i en nettside Wireframe
Alle de viktige elementene i en nettside skal være representert i ditt nettsted wireframe. Bruk enkle figurer i stedet for faktisk grafikk, og merk dem. Disse elementene inkluderer:
- Navigasjon: Knapper for brukere å besøke hoveddelene på nettstedet ditt.
- Bedriftslogo: Kan bare representeres av en boks.
- Innholdsområder: Hvor vil dine forskjellige seksjoner av innhold vises?
- Søk bokser
- Brukerinnloggingsområder
Hvordan opprette nettside Wireframes
Det finnes en rekke måter å lage en nettside wireframe på. De inkluderer:
Tegne det med hånd på papir
Denne metoden kommer til nytte når ansikt til ansikt med en klient. Skiss ut layoutforslagene dine på papir, med fokus på hvilke elementer som skal gå der.
Bruke Adobe Photoshop, Illustrator eller annen programvare
De fleste grafikkprogramvarepakker er utstyrt med alle de grunnleggende verktøyene som er nødvendige for å lage wireframes. Enkle linjer, former og tekst (for å merke elementene dine) er alt du trenger for å lage en presentabel wireframe.
Bruke programvare laget for denne typen oppgave
Mens Photoshop og Illustrator kan gjøre trikset, er enkelte programvarepakker utviklet spesielt for denne typen arbeid. OmniGraffle er et stykke programvare som forenkler opprettelsen av wireframes ved å gi form-, linje-, pil- og tekstverktøy til bruk på et tomt lerret. Du kan til og med laste ned egendefinerte grafikksett (gratis) på Graffletopia, som gir deg flere elementer, for eksempel vanlige webknapper, for å jobbe med.
03 av 03Fordelene
Med nettside wireframes har du fordelen av å tilpasse en enkel linjetegning for å oppnå ønsket layout. I stedet for å flytte komplekse elementer rundt en side, kan det ta svært lite tid å trekke et par bokser inn i nye stillinger. Det er også mye mer produktivt for deg eller din klient å fokusere på oppsettet først … du vil ikke starte med kommentarer som "Jeg liker ikke den fargen der!" I stedet begynner du med en ferdig layout og struktur på som å basere ditt design.
