Startpagina » UI / UX » Gratis schets GUI-kits voor web- en mobiel ontwerp - het beste van

    Gratis schets GUI-kits voor web- en mobiel ontwerp - het beste van

    Veel ontwerpers springen snel van Adobe Photoshop in het prachtige rijk van Sketch. Dit digitale ontwerpprogramma voor OS X biedt betere tools voor UI-ontwerp, pictogramontwerp, en biedt pixel + vector-ondersteuning 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 met elke versie van Sketch moeten werken. Voel je vrij om alles te pakken wat je in de gaten krijgt en kijk of je deze interface-kits 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 gebruikersinterface-kits bieden u de middelen die u nodig hebt om digitale interfaces van schoonheid en doel 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 Schets 3+ en bevat gemeenschappelijke elementen zoals knoppen, schuifregelaars, dropdowns en schakelaars. Elk element heeft ook een aan / uit toestand zodat je 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 eenvoudige elementen, dus je zult veel meer obscure items vinden zoals laden van balken en mediaspelers.

    Zomer UI-kit

    Deze zomer-UI-kit zit vol met knoppen, formulieren, vervolgkeuzemenu's, en andere zeer gebruikelijke pagina-elementen voor het verbeteren van digitale mockups. Bovendien is het een volledig gelaagd Sketch-document, zodat u zonder problemen wijzigingen in de inhoud kunt aanbrengen 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 schetsen, is deze kit misschien handig om je te helpen bij het deconstrueren hoe je je eigen set ontwerpt.

    Landing Page Layouts

    Deze nogal obscure freebie werkt het best tijdens de fase van wireframing. 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 help elke UI-ontwerper om het wireframing-proces beter te begrijpen.

    Web App UI Set

    Een zeer eenvoudige UI-kit gebaseerd op de thema van Tesla motorvoertuigen, deze freebie is veel gedetailleerder dan de rest. U hebt wel toegang tot eenvoudige knoppen maar hebben 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 demo-pagina telt 25+ verschillende soorten elementen van beeldschuifregelaars om formulieren en opmerkingen van gebruikers in te checken. 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 gratis aanbieding een traktatie. Deze Bootsketch-kit bevat vectorelementen voor elk bestaand Bootstrap-element. Dit maakt het supereenvoudig om mockups met Bootstrap-thema in Sketch te maken zonder zelfs de browser aan te raken.

    Tiny Flat UI Kit

    Deze nette gebruikersinterface-kit verplaatst zich van vlak ontwerp naar omarmen de esthetiek van hellingen en diepte in pagina-elementen. 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-set
    • 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 vallen, 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 retina-schermen 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 gebruikersinterface bevat alles wat u nodig heeft voor native iOS-applicaties.

    Salesforce1 Wireframe Kit

    Salesforce1 is een populaire dashboard-app voor klant- en klantbeheer. 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 kickstart je wireframing / prototyping fase op een digitaal scherm.

    IOS-UI-kit voor sociale apps

    Van Snapchat tot Pinterest zijn de afgelopen jaren tientallen sociale netwerken in populariteit gestegen. Deze sociale gebruikersinterface kit kan helpen start de volgende belangrijke sociale app en schaal snel voor 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 a 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 draadframe-set
    • Photo Splash iOS-gebruikersinterface
    • Phoenix UI-kit - Deel 1