Tien draadframe-kits die u gratis kunt downloaden

Als ontwerper passeert u verschillende stappen terwijl u aan uw project werkt, van het ontwerpen van uw ideeën op papier tot en met wireframes maken, om je prototype eindelijk te verfijnen. Als je veel projecten hebt, zal het enige tijd duren om alles voor iedereen van nul af aan te maken.

In deze post verzamelden we 10 wireframe-kits die dat kunnen u helpen bij het wireframing-proces. Door deze kits te gebruiken, kunt u sneller en effectiever werken en vanaf nu kunt u uw project ook kickstarten en bespoedig uw UX-ontwerpworkflow.

1. Materiaalontwerp Wireframe Kit

   Deze Materiaalontwerp Wireframe Kit is zo'n enorme compilatie geworden dat de maker het op een Dropbox moet hosten om het voor iedereen beschikbaar te maken. Tot nu toe zijn er 41 schermen geleverd inclusief het contactscherm, e-commerce, tekstinhoud, pagina-instellingen en meer. Download hier het schetsbestand.

   

2. Moon wireframe kit

   Hier zijn 50 schermen die klaar zijn voor gebruik in uw volgende app-ontwerpproject. De kit bevat splashscreens, aanmeldings- en aanmeldingselementen, menu, instelling, feedgalerij, itemdetails en meer. Deze geweldige set gemaakt door George Frigo. De bestanden beschikbaar op Schetsen en het gezipte bestand kan hier worden gedownload.

   

3. Mobiele draadframe-set

   De Mobiele draadframe-set bevat het meest gebruikte UI-element in het ontwerp van mobiele apps, bestaande uit 20 schermen en 50 mobiele gebruikersinterface-elementen. De schermen zoals “Inschrijven”,”Maak een account aan”, “walkthrough”, “Profiel pagina”, “Dashboard”, onder andere helpt u snel met het ontwerp van uw app. Download de Schets 3 bestand hier.

   

4. Carbonmateriaal Wireframe Kit

   Koolstof is een geweldige wireframekit met Material Design, ontworpen voor gebruik in uw volgende mobiele e-Commerce app. Het bevat 15 e-commerce schermen en voorbij 30 elementen in een apart bestand, evenals lagen en het Roboto-lettertype inbegrepen. Je kunt deze kit downloaden in Photoshop en Sketch of in een bundel opnemen.

   

5. Stroomschema-kit

   Deze wireframekit helpt ontwerpers om klanten snel de interactie tussen pagina's te laten zien en werkt goed voor snelle bestemmingsplannen en sitemaps. De kit bevat items zoals pijlen en symbolen maar het komt niet met het gratis Google-lettertype Open Sans, dat je eerst moet krijgen voordat je de kit opent. Download hier het schetsbestand.

   

6. Snap Kit

   Als je dan een app voor iOS 8 wilt bouwen, dan Snap Kit is de juiste wireframing-tool voor u. Het bevat 22 mockups en nog meer elementen die u kunt aanpassen en gebruiken voor de mockup van uw app-ontwerp. Snap is beschikbaar op Schetsen formaat. Download deze kit hier.

   

7. Apple Watch Wireframe Kit

   Dit draadmodel is speciaal ontworpen voor apps die zijn gebouwd voor de Apple Watch. Het is in AI formaat. Inbegrepen in de kit: 20 minimale horlogeschermen, componenten, formaatrichtlijnen en een Apple Watch-mockup. Je kunt de kit hier downloaden.

   

8. FlowiOS Wireframe Kit

   Hier is een schone wireframe-kit voor een iOS-app gemaakt door Vineet Kumar. Het beschikt over zijbalkmenu's, galerij, pagina met functies voor producten, cart, instellingenpagina en meer. Je kunt het downloaden Schetsen bestand bevat van 12 schermen om je app-ontwerp te kickstarten. Download hier het schetsbestand.

   

9. Platforma Ultimate Wireframe Kit

   De Platforma Ultimate Wireframe Kit geeft jou 20 draadframe-indelingen in 4 categorieën, headers, inhoud, functies en voetteksten gratis. De bestanden zijn er in drie formaten: Photoshop, Adobe Illustrator en Sketch. De volledige versie van de kit bevat meer dan 200 lay-outs en is beschikbaar voor $ 68. Download de gratis versie hier.

   

10. Wireflows

    Lingo is een set mini-web-wireframes om ontwerpers mee te helpen in kaart gebrachte gebruikersworkflows op een app. Met deze kit kun je prototypes sneller ontwerpen. Dat moet je echter wel doen gebruik de Lingo-app om de bestanden te openen, die op hun beurt vereist Mac OS X 10.10+ werken. Je kunt de Lingo-resourcekit hier downloaden.