Tio Wireframe Kit kan du ladda ner gratis

Som designer kommer du att gå igenom flera steg medan du jobbar på ditt projekt, från att designa dina idéer på papper, genom skapa wireframes, för att slutligen raffinera din prototyp. Om du har många projekt tar det lite tid att göra allt från början till varje.

I detta inlägg samlade vi 10 wireframe kit som kan hjälpa dig i wireframing processen. Genom att använda dessa kit kan du arbeta snabbare och effektivare, och från och med nu kan du också starta ditt projekt och påskynda ditt arbetsflöde för UX-design.

1. Material Design Wireframe Kit

   Detta Material Design Wireframe Kit har blivit så massiv en sammanställning måste skaparen vara värd för den på en Dropbox för att göra den tillgänglig för alla. Hittills finns det 41 skärmar tillhandahållen inklusive kontaktskärmen, e-handel, textinnehåll, sidinställningar och mer. Hämta sketchfilen här.

   

2. Moon wireframe kit

   Här är 50 skärmar som är redo att användas i ditt nästa app design projekt. Satsen innehåller stänkskärmar, inloggnings- och registreringselement, meny, inställning, matningsgalleri, detaljer och mer. Detta fantastiska kit gjord av George Frigo. Filerna finns på Skiss och zip-filen kan hämtas här.

   

3. Mobile Wireframe Kit

   De Mobile Wireframe Kit innehåller det mest använda användargränssnittet i mobilappdesign, bestående av 20 skärmar och 50 mobila UI-element. Skärmarna som “Bli Medlem”,”Skapa konto”, “genomgång”, “Profilsida”, “instrumentbräda”, bland annat hjälper dig att snabbt börja din appdesign. Ladda ner Skiss 3 filen här.

   

4. Carbon Material Wireframe Kit

   Kol är bra wireframe kit med Material Design, utformad för användning på din nästa mobil e-Commerce app. Det innehåller 15 e-handelsskärmar och över 30 element i en separat fil, såväl som lager och Roboto-teckensnittet som ingår. Du kan ladda ner det här paketet i Photoshop och Sketch eller hämta det i en bunt.

   

5. Flödesschema

   Denna wireframe kit hjälper designers att snabbt visa kunder interaktionen mellan sidorna och fungerar bra för snabb zonering och webbplatskartor. Satsen innehåller tillgångar som pilar och symboler också, men kommer inte med Googles fria teckensnitt, Open Sans, vilket du borde få först innan du öppnade satsen. Hämta sketchfilen här.

   

6. Snap Kit

   Om du vill bygga en app för iOS 8, då Snap Kit är rätt verktyg för trådframställning för dig. Den innehåller 22 mockups och ännu fler element som du kan anpassa och använda för din app design mockup. Snap finns på Skiss formatera. Ladda ner det här paketet här.

   

7. Apple Watch Wireframe Kit

   Denna trådram är speciellt utformad för app som är byggd för Apple Watch. Den är i AI formatera. Ingår i paketet: 20 minimala klockskärmar, komponenter, riktlinjer för storlek och en Apple Watch mockup. Du kan ladda ner satsen här.

   

8. FlowiOS Wireframe Kit

   Här är en ren wireframe kit för en iOS-app gjord av Vineet Kumar. Den har sidoruta menyer, galleri, funktion sida för produkter, kundvagn, inställningar sida och mer. Du kan ladda ner Skiss filen innehåller av 12 skärmar att starta din appdesign. Hämta sketchfilen här.

   

9. Platforma Ultimate Wireframe Kit

   De Platforma Ultimate Wireframe Kit ger dig 20 wireframe layouter i 4 kategorier, rubriker, innehåll, funktioner och sidfötter gratis. Filerna finns i tre format: Photoshop, Adobe Illustrator och Sketch. Den fullständiga versionen av paketet innehåller mer än 200 layouter och är tillgänglig för $ 68. Ladda ner den kostnadsfria versionen här.

   

10. Wireflows

    Jargong är uppsatt med mini-trådbanor för att hjälpa designers med mappped ut användarens arbetsflöden på en app. Med detta kit kan du konstruera prototyper snabbare. Men du måste använd Lingo-appen för att öppna filerna, vilket i sin tur kräver Mac OS X 10.10+ att jobba. Du kan ladda ner Lingo resurs kit här.