Tien draadframe-kits die u gratis kunt downloaden

Als ontwerper passeer je verschillende stappen terwijl je aan je project werkt, van het ontwerpen van je ideeën op papier, tot het maken van wireframes en tot het verfijnen van je prototype . 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 je kunnen helpen bij het wireframing-proces . Door deze kits te gebruiken, kunt u sneller en effectiever werken en vanaf nu kunt u uw project een kickstart geven en uw UX-ontwerpworkflow versnellen .

1. Materiaalontwerp Wireframe Kit

   Deze Material Design 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 beschikbaar, waaronder 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 die beschikbaar zijn op Sketch en het gecomprimeerde bestand kunnen hier worden gedownload.

   

3. Mobiele draadframe-set

   De Mobile Wireframe Kit bevat het meest gebruikte UI-element in het ontwerp van mobiele apps, bestaande uit 20 schermen en 50 mobiele gebruikersinterface-elementen . De schermen zoals "Aanmelden", "Account maken", "Walkthrough", "Profielpagina", "Dashboard", zullen u onder andere helpen bij het snel starten van uw app-ontwerp. Download hier het Sketch 3- bestand.

   

4. Carbonmateriaal Wireframe Kit

   Carbon is een geweldige wireframekit met Material Design, ontworpen voor gebruik in uw volgende mobiele e-Commerce app. Het bevat 15 e-commerce schermen en meer dan 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 ook items zoals pijlen en symbolen, maar komt niet met het gratis lettertype Open Sans van Google, dat u eerst moet krijgen voordat u de kit opent. Download hier het schetsbestand.

   

6. Snap Kit

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

   

7. Apple Watch Wireframe Kit

   Dit wireframe is speciaal ontworpen voor apps die zijn gemaakt voor de Apple Watch . Het is in AI- indeling. 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 wireframekit 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 Sketch- bestand van 12 schermen downloaden om je app-ontwerp te starten. Download hier het schetsbestand.

   

9. Platforma Ultimate Wireframe Kit

   De Platforma Ultimate Wireframe Kit biedt u 20 wireframe-indelingen in 4 categorieën, kopteksten, 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 hier de gratis versie.

   

10. Wireflows

    Lingo bestaat uit miniweb- wireframes om ontwerpers te helpen bij het in kaart brengen van gebruikersworkflows in een app. Met deze kit kun je prototypen sneller ontwerpen. U moet echter wel de Lingo-app gebruiken om de bestanden te openen, wat op zijn beurt Mac OS X 10.10+ vereist om te kunnen werken. Je kunt de Lingo-resourcekit hier downloaden.

    

Cyman Mark 3 Assistant Dashboard - uw persoonlijke virtuele assistent voor Chrome

Als je de Iron Man-films hebt gezien, ben je waarschijnlijk bekend met het JARVIS-systeem van Tony Stark, de digitale thuisassistent die hij zelf heeft gebouwd. In de films maakt JARVIS Christine Everhart wakker, helpt Tony Stark zijn Iron Man-pakjes te ontwikkelen, betrekt hem in gesprekken en beheerst in het algemeen bijna alles in zijn leven

(Technische en ontwerptips)

30 interessante websites die u waarschijnlijk nog niet hebt gehoord

Afgezien van de gebruikelijke duik in uw waterpoelen in uw favoriete sociale media, weet ik zeker dat u elke dag een bijna religieus assortiment aan websites hebt . Routines hebben die vervelende gewoonte om na een tijdje saai te worden, vandaar de behoefte aan lijsten als deze. In deze post vind je 30 interessante websites waar je waarschijnlijk nog nooit van hebt gehoord

(Technische en ontwerptips)