Gratis schets GUI-sets voor web- en mobiel ontwerp - de beste van

Veel ontwerpers springen snel van Adobe Photoshop in het prachtige rijk van Sketch. Dit digitale ontwerpprogramma voor OS X biedt betere hulpmiddelen voor UI-ontwerp, pictogramontwerp en pixel + vectorondersteuning in één programma. Dit heeft geleid tot een toename in populariteit voor freebies vrijgegeven door Sketch-ontwerpers .

Iedereen die bekend is met de freebie-marktplaats weet dat UI-kits enkele van de meest populaire bronnen zijn voor interfaceontwerpwerk. Ik heb deze selectie gratis Sketch UI-kits samengesteld voor websites en mobiele apps. Elke kit is gratis te downloaden en zou moeten werken met elke versie van Sketch. Voel je vrij om alles wat je aandacht trekt te pakken en te kijken of je deze interfacekits goed kunt gebruiken.

Web UI-kits

Websites zijn nog steeds de levensader van UI-ontwerp, en mockups zijn vaak een vereiste voor het coderen. Deze UI-kits bieden u de middelen die u nodig hebt om digitale interfaces van schoonheid en doelgerichtheid te creëren die snel in echte website-indelingen kunnen worden gecodeerd.

Dark UI Kit

Deze puur donkergrijs / blauwe UI-set is speciaal gemaakt voor Sketch 3+ en bevat algemene elementen zoals knoppen, schuifregelaars, vervolgkeuzemenu's en schakelaars. Elk element heeft ook een aan / uit-status, zodat u interface-elementen kunt bouwen met aangepaste interactieve staten.

Dark & ​​Light UI Kit Hier is een unieke kit die geschikt is voor een breder publiek met een donkere en lichte achtergrondstijl. Deze kit richt zich meer op pagina-widgets in plaats van op eenvoudige elementen, dus je zult veel meer obscure items vinden zoals het laden van balken en mediaspelers .

Zomer UI-kit

Deze zomer-UI-kit zit vol met knoppen, formulieren, vervolgkeuzemenu's en andere veelvoorkomende pagina-elementen voor het verbeteren van digitale mockups. Bovendien is het een volledig gelaagd Sketch-document, zodat u zonder problemen inhoud kunt wijzigen als dat nodig is.

Pearl UI Kit

De Pearl UI-kit volgt een zeer eenvoudig plat ontwerp met basispagina-elementen. Knoppen, invoervelden, accordeons en tabbladen zijn slechts enkele van de opties die u ter beschikking staan. Als je helemaal nieuw bent om te tekenen, kan deze kit handig zijn om je te helpen deconstrueren hoe je je eigen set ontwerpt.

Landing Page Layouts

Deze nogal obscure freebie werkt het best tijdens het wireframing-stadium . Deze lay-outs worden niet volledig weergegeven in Sketch, maar bieden low-fidelity-lay-outs met statische blokelementen. De kleuren, vormen en positionering van deze lay-outs moeten elke UI-ontwerper helpen het wireframing-proces beter te begrijpen .

Web App UI Set

Een eenvoudige UI-kit gebaseerd op het thema van Tesla- motorvoertuigen. Deze freebie is veel gedetailleerder dan de rest. U hebt wel toegang tot eenvoudige knoppen, maar hebt ook complexere interface-items zoals een gedetailleerde tabellijst en een kalenderwidget .

Flexibele gebruikersinterface

Dit is ongetwijfeld een van de meest uitgebreide UI-kits die je ooit zult vinden voor Sketch. De live demopagina telt 25+ verschillende soorten elementen van afbeeldingsschuifregelaars tot afrekeningsformulieren en opmerkingen van gebruikers . Absoluut een van de coolste en meest nuttige Sketch-freebie-kits die je op internet vindt.

Bootsketch-gebruikersinterface

UI-ontwerpers worden vaak buitengesloten als het gaat om frontend frameworks, daarom is deze freebie een traktatie. Deze Bootsketch-kit bevat vectorelementen voor elk bestaand Bootstrap-element. Dit maakt het supereenvoudig om mockups met Bootstrap-thema te maken in Sketch zonder zelfs de browser aan te raken.

Tiny Flat UI Kit

Deze nette UI-set wijkt af van een plat ontwerp om de esthetiek van hellingen en diepte in pagina-elementen te omarmen . Het is een leuke kit om in elk project te gebruiken en laat zien dat alles wat je in Photoshop kunt doen ook mogelijk is in Sketch.

Meer

Als u op zoek bent naar meer alternatieven, neem dan een kijkje in deze kleine lijst met web-UI-kits hieronder.

• Marble UI Kit
• Elements Library UI Kit
• Verse UI-kit
• Dink UI-set (voorbeeld)
• UI-kit voor web en mobiel

Mobiele UI-kits

De liefde voor native mobiele apps is blijven toenemen naarmate meer mensen overstappen naar de mobiele economie. Hoewel app-downloads worden verwijderd, is er nog steeds behoefte aan hoogwaardige interfaces voor native apps als aanvulling op desktop-apps. Deze gratis Sketch UI-kits helpen je bij het ontwerpen van mobiele apps van hoge kwaliteit voor alle apparaten, terwijl je de verschillen tussen resoluties en netvliesschermen bijhoudt.

iOS 9.3 UI-kit

Apple's voortdurende streven naar meer innovatie pompt bijna elk jaar een nieuw mobiel besturingssysteem. De huidige trend is iOS 9 en deze UI-kit biedt alles wat u nodig heeft voor native iOS-applicaties.

Salesforce1 Wireframe Kit

Salesforce1 is een populaire dashboard-app voor client- en klantenbeheer. Deze Salesforce1 UI-kit biedt alle gemeenschappelijke elementen van hun iPhone-app voor het sleutelen en hergebruiken van hun ontwerpesthetiek.

Mobile UX-sjabloon

Bent u momenteel bezig met het prototypen van een mobiele UX voor een iPhone- of Android-applicatie? Dan helpt deze Sketch-freebie je zeker om dat draadframe met gemak te voltooien. Het is een gratis manier om je fase van wireframing / prototyping op een digitaal scherm te starten .

IOS-UI-kit voor sociale apps

Van Snapchat tot Pinterest zijn de afgelopen jaren tientallen sociale netwerken in populariteit gestegen. Deze sociale UI-kit kan helpen bij het lanceren van de volgende belangrijke sociale app en kan snel worden uitgebreid naar een breed publiek van iPhone-gebruikers.

Moon Wireframe Kit

Deze Moon wireframing kit is een geweldige mix van gerenderde interfaces met een inslag naar wireframing . De kit bevat 50 unieke schermen voor mobiele apps die voor elk project kunnen worden aangepast en herschikt. U kunt de Moon UI-kit gebruiken voor elementaire wireframing of voor complete UI-mockups.

Travel App UI Kit

Hier is een donkere en toch mooie UI-kit gebaseerd op een reis-app voor Sketch 3+ gebruikers. Het is gemaakt voor iedereen die wil spelen met een luchtvlucht of een mobiel reisconcept.

Instagram UI Kit

Mobiele apps voor het delen van foto's verzadigen de markt en sommige apps bevatten zelfs functies voor het delen van foto's naast het hoofddoel van de app. Het is dus geweldig om deze gratis Instagram UI-kit beschikbaar te hebben voor Sketch-ontwerpers om fotofuncties in hun eigen ontwerpen te repliceren. Het is een basis iOS-app UI-conceptpakket.

Meer

Er zijn veel te veel GUI-kits om over te schrijven in deze post, maar ik kan ook geen goede achterlaten. Dus als u nog meer mobiele Sketch UI-bronnen nodig hebt, bekijkt u deze alternatieven.

• Routes UI-kit
• iOS 7 UI Kit Light
• Uber iOS Wireframe Kit
• Photo Splash iOS-gebruikersinterface
• Phoenix UI-kit - Deel 1