Gratis skiss GUI-kits för webb- och mobildesign - bästa av

Många designers hoppar snabbt från Ship Photoshop till Sketchs underbara rike. Detta digitala designprogram för OS X ger bättre verktyg för UI-design, ikondesign, och erbjuder pixel + vektor stöd i ett program. Detta har lett till en ökning i popularitet för freebies släpptes av Sketch designers.

Någon som är bekant med freebie-marknaden vet att användargränsspaket är några av de mest populära resurserna för gränssnittsdesign. Jag har sammanställt detta urval av gratis Sketch UI-paket för webbplatser och mobilappar. Varje kit är gratis att ladda ner och ska fungera med någon version av Sketch. Känn dig fri att ta tag i allt som fångar ditt öga och se om du kan sätta dessa gränssnittssatser till god användning.

Web UI-paket

Webbplatser är fortfarande livsnerven för UI-designen, och mockups är ofta ett krav innan kodning. Dessa UI-kits ger dig de resurser du behöver för att skapa digitala gränssnitt för skönhet och syfte som snabbt kan kodas till riktiga webbsidor.

Dark UI Kit

Denna rent mörkgrå / blå UI-kit tillverkades speciellt för Skiss 3+ och innehåller gemensamma element som knappar, skjutreglage, dropdowns och switchar. Varje element har också en på / av-tillstånd så att du kan bygga gränssnittselement med anpassade interaktiva tillstånd.

Dark & Light UI Kit

Här är ett unikt kit som passar en bredare publik med en mörk och ljus bakgrundsstil. Denna sats fokuserar mer på sid widgets snarare än enkla element, så hittar du många mer dunkla föremål som laddning av barer och mediaspelare.

Sommar UI Kit

Denna sommar UI-kit är full av knappar, formulär, dropdowns, och andra mycket vanliga sidelement för att förbättra digitala mockups. Dessutom är det ett helt skiktat Skissdokument så att du inte har några problem att göra ändringar i innehållet efter behov.

Pearl UI Kit

Pearl UI-kit följer en mycket enkel platt design med grundläggande sidelement. Knappar, inmatningsfält, dragspel och flikar är bara några av alternativen till ditt förfogande. Om du är helt ny på att skissera kan det här paketet vara användbart för att hjälpa dig att avkonstruera hur du ska utforma ditt eget kit.

Landningssida Layouts

Denna ganska obscure freebie fungerar bäst under wireframing scen. Dessa layouter är inte fullständigt gjorda i Sketch, istället med lågfidelitetslayouter med statiska blockelement. Färgerna, formerna och placeringen av dessa layouter bör Hjälp varje UI-designer att bättre förstå trådframställningsprocessen.

Web App UI Set

Ett mycket enkelt UI-paket baserat på tema för Tesla motorfordon, denna freebie är mycket mer detaljerad än resten. Du har tillgång till enkla knappar men har också mer komplexa gränssnittsobjekt som a detaljerad tabell lista och en kalender widget.

Flexibelt UI-paket

Detta är utan tvekan ett av de mest omfattande användargränsspaket som du någonsin kommer att hitta för Sketch. Den levande demosidan räknas 25 + olika typer av element från bildreglage till checkoutformulär och användar kommentarer. Definitivt ett av de coolaste och mest användbara Sketch freebie-kitsna hittar du på webben.

Bootsketch UI

UI-designers lämnas ofta ur slingan när det gäller frontendramar, varför denna freebie är en behandling. Denna Bootsketch kit har vektorelement för varje Bootstrap-element som existerar. Det gör det väldigt enkelt att skapa skopsteg-temanmockups i Sketch utan att ens röra webbläsaren.

Tiny Flat UI Kit

Denna snygga UI-kit flyttar sig från platt design till omfamna estetiska gradienter och djup i sidelement. Det är ett roligt kit att använda i något projekt och visar att allt du kan göra i Photoshop är lika möjligt i Sketch.

Mer

Om du letar efter fler alternativ ta en titt på denna lilla lista med webb-UI-kits nedan.

Marmor UI Kit
Elements Library UI Kit
Färsk UI Kit
Dink UI Kit (Prov)
UI-paket för webb och mobil

Mobila UI-paket

Kärleken för inbyggda mobilappar har fortsatt att öka när fler människor flyttar in i mobilekonomin. Även om appnedladdningar släpps finns det fortfarande ett behov av kvalitetsgränssnitt för inbyggda appar för att komplettera stationära appar. Dessa gratis Sketch UI-kit kan hjälpa dig att designa mobila mobilklippar för alla enheter samtidigt som du hanterar skillnader mellan upplösningar och näthinneskärmar.

IOS 9.3 UI-kit

Apples fortsatta drivkraft mot ökad innovation pumpar ut ett nytt mobil OS nästan varje år. Den nuvarande trenden är iOS 9 och denna UI-kit innehåller allt du behöver för inbyggda iOS-applikationer.

Salesforce1 Wireframe Kit

Salesforce1 är en populär instrumentpanelapp för kund och kundhantering. Denna Salesforce1 UI-kit erbjuder alla vanliga element i deras iPhone-app för tinkering och återanvändning av designens estetiska.

Mobil UX-mall

Prototypar du för närvarande en mobil UX för en iPhone eller Android-applikation? Då kommer denna Sketch freebie säkert att hjälpa dig att slutföra den trådlösa raden med lätthet. Det är ett fritt sätt att kickstart din wireframing / prototyping fas på en digital skärm.

Sociala App IOS UI Kit

Från Snapchat till Pinterest har dussintals sociala nätverk blivit ballooned i popularitet de senaste åren. Denna sociala UI-kit kan hjälpa till starta nästa stora sociala app och skala snabbt till en bred publik av iPhone-användare.

Moon Wireframe Kit

Denna Moon wireframing kit är en bra blandning av gjorda gränssnitt med en lutning mot trådframställning. Satsen innehåller 50 unika mobil app skärmar som kan justeras och omarrangeras för något projekt. Du kan använda Moon UI-kitet för grundläggande trådframställning, eller för kompletta UI-mockups.

Travel App UI Kit

Här är ett mörkt, ännu vackert UI-kit baserat på a resa app för Sketch 3+ användare. Den är gjord för alla som vill leka med en flygresa eller resa mobil app koncept.

Instagram UI Kit

Mobilappar med fotodelning mättar marknaden och vissa appar innehåller även funktioner för bilddelning som kompletterar appens huvudsyfte. Så det är fantastiskt att ha denna gratis Instagram UI-kit tillgänglig för Sketch-designers att replikera fotofunktionaliteten i sina egna mönster. Det är ett grundläggande iOS-bildapp-UI-konceptpaket.

Mer

Det finns alltför många GUI-kits att skriva om i det här inlägget, men jag kan inte lämna några bra bakom heller. Så om du behöver ännu mer mobila Sketch UI-resurser ta en titt på dessa alternativ.

Routes UI Kit
iOS 7 UI Kit Light
Uber IOS Wireframe Kit
Photo Splash IOS UI-kit
Phoenix UI-kit - Vol 1