Webbplatstrådar är enkla linjeteckningar som visar placeringen av element på en webbsida. Du kan spara mycket tid genom att redigera layouten av en enkel trådram vid början av designprocessen istället för en komplex design senare.
Att använda wireframes är ett bra sätt att starta ett webbprojekt, eftersom det gör det möjligt för dig och din klient att fokusera på layouten utan distraktion av färg, typ och andra designelement. Koncentrera dig på vad som händer var på dina webbsidor och hur mycket utrymme varje element tar upp, vilket kan bestämmas av kundens behov.
Vad ska inkluderas i en webbplats Wireframe
Alla viktiga delar av en webbsida ska vara representerade på din webbplats wireframe. Använd enkla former istället för aktuell grafik och märka dem. Dessa element innefattar:
- Navigation: Knappar för användare att besöka huvuddelarna på din webbplats.
- Företagslogotyp: Kan bara representeras av en låda.
- Innehållsområden: Var kommer dina olika delar av innehåll att visas?
- Sökrutor
- Användarloggningsområden
Så här skapar du webbsidor
Det finns en mängd olika sätt att skapa en webbplats wireframe. De inkluderar:
Ritning det med handen på papper
Denna metod kommer till nytta när ansikte mot ansikte med en klient. Skissera dina layoutidéer på papper, med fokus på vilka element som ska gå var.
Använda Adobe Photoshop, Illustrator eller annan programvara
De flesta grafikprogramvarupaket är utrustade med alla de grundläggande verktygen som behövs för att skapa wireframes. Enkla linjer, former och text (för att märka dina element) är allt du behöver för att skapa en presentabel wireframe.
Använda programvara skapad för denna typ av uppgift
Medan Photoshop och Illustrator kan göra tricket, utvecklas vissa mjukvarupaket specifikt för denna typ av arbete. OmniGraffle är en mjukvara som förenklar skapandet av trådramar genom att tillhandahålla form, linje, pil och textverktyg att använda på en tomt duk. Du kan även ladda ner anpassade grafikuppsättningar (gratis) på Graffletopia, som ger dig fler element, till exempel vanliga webbknappar, för att arbeta med.
03 av 03Fördelarna
Med webbsidor har du fördelen av att tweak en enkel linjeteckning för att uppnå önskad layout. Istället för att flytta komplexa element runt en sida kan det ta väldigt lite tid att dra ett par lådor till nya positioner. Det är också mycket mer produktivt för dig eller din klient att fokusera på layouten först … du börjar inte med kommentarer som "Jag gillar inte den där färgen!" I stället börjar du med en slutlig layout och struktur på vilken baserar din design.
