Website wireframes er enkle linjetegninger, der viser placeringen af elementer på en webside. Du kan spare dig selv meget tid ved at redigere layoutet af en simpel wireframe i starten af designprocessen i stedet for et komplekst design senere.
Brug af wireframes er en fantastisk måde at starte et website-projekt på, da det gør det muligt for dig og din klient at fokusere på layoutet uden distraktion af farve, type og andre designelementer. Konsentrere dig om, hvad der foregår på dine websider og den procentdel af plads, som hvert element optager, hvilket kan bestemmes af din kundes behov.
Hvad skal inkluderes i et websted Wireframe
Alle de vigtige elementer i en webside skal være repræsenteret på din hjemmeside wireframe. Brug enkle figurer i stedet for den faktiske grafik, og mærk dem. Disse elementer omfatter:
- Navigation: Knapper for brugere at besøge hovedafsnittene på dit websted.
- Firma logo: Kan kun repræsenteres af en kasse.
- Indholdsområder: Hvor vil dine forskellige indholdsafsnit vises?
- Søg bokse
- Bruger login områder
Sådan oprettes Website Wireframes
Der er en række måder at oprette en hjemmeside wireframe på. De omfatter:
Tegning det med hånd på papir
Denne metode er praktisk, når ansigt til ansigt med en klient. Skitsere dine layout ideer på papir, med fokus på hvilke elementer der skal gå hvor.
Brug af Adobe Photoshop, Illustrator eller anden software
De fleste grafiksoftwarepakker er udstyret med alle de grundlæggende værktøjer, der er nødvendige for at skabe wireframes. Enkle linjer, former og tekst (for at mærke dine elementer) er alt hvad du behøver for at lave en præsentabel wireframe.
Brug af software lavet til denne type opgave
Mens Photoshop og Illustrator kan gøre det, er nogle softwarepakker udviklet specielt til denne type arbejde. OmniGraffle er et stykke software, der forenkler oprettelsen af wireframes ved at give form-, linie-, pil- og tekstværktøjer til brug på et blankt lærred. Du kan endda downloade brugerdefinerede grafiksæt (gratis) på Graffletopia, som giver dig flere elementer, som f.eks. Almindelige webknapper, til at arbejde med.
03 af 03Fordelene
Med website wireframes har du fordelene ved at tilpasse en enkel linjetegning for at opnå det ønskede layout. I stedet for at flytte komplekse elementer rundt om en side kan det tage meget lidt tid at trække et par kasser ind i nye stillinger. Det er også meget mere produktivt for dig eller din klient at fokusere på layoutet først … du starter ikke med kommentarer som "Jeg kan ikke lide den farve der!" I stedet begynder du med et færdiggjort layout og struktur på som at basere dit design.
