Gratis skitse GUI-kits til web- og mobildesign - bedste af

Mange designere hopper hurtigt fra Adobe Photoshop til Sketchs vidunderlige område. Dette digitale designprogram til OS X giver bedre værktøjer til UI design, ikon design, og tilbyder pixel + vektor support i et program. Dette har ført til en stigning i popularitet for freebies udgivet af Sketch designere.

Enhver der er bekendt med freebie markedspladsen ved, at brugergrænsefladen er nogle af de mest populære ressourcer til grænseflade design arbejde. Jeg har samlet dette udvalg af gratis Sketch UI-kits til websites og mobilapps. Hvert kit er gratis at downloade og skal fungere med enhver version af Sketch. Du er velkommen til at få fat i noget, der fanger dit øje, og se om du kan sætte disse grænsefladesæt til god brug.

Web UI Kits

Websites er stadig livsnerven for brugergrænseflade design, og mockups er ofte et krav før kodning. Disse brugergrænseflader vil give dig de ressourcer, du har brug for til at skabe digitale grænseflader af skønhed og formål, som hurtigt kan kodes til ægte webstedslayout.

Dark UI Kit

Dette rent mørkegrå / blåt UI-sæt blev lavet specielt til Skitse 3+ og indeholder fælles elementer som knapper, skydere, dropdowns og switches. Hvert element har også en on / off tilstand så du kan opbygge grænsefladeelementer med tilpassede interaktive tilstande.

Dark & ​​Light UI Kit

Her er et unikt kit, der passer til et bredere publikum med en mørk og lys baggrundsstil. Dette kit fokuserer mere på side widgets snarere end simple elementer, så du kan finde mange mere uklare ting som indlæsning af barer og medieafspillere.

Sommer UI Kit

Denne sommer UI kit er fuld af knapper, formularer, dropdowns, og andre meget almindelige sideelementer til forbedring af digitale mockups. Plus det er et fuldt lagret Sketch-dokument, så du har ingen problemer med at foretage ændringer til indhold efter behov.

Pearl UI Kit

Pearl UI kit følger et meget enkelt fladt design med grundlæggende sideelementer. Knapper, indtastningsfelter, harmonikaer og faner er blot et par af mulighederne til din rådighed. Hvis du er helt ny til at skitsere, kan dette kit være nyttigt for at hjælpe dig med at desonstruere, hvordan du designer dit eget kit.

Landings layouts

Denne ret uklare freebie virker bedst under wireframing stadium. Disse layouts er ikke fuldt ud gengivet i Sketch, i stedet tilbyder low-fidelity layouts med statiske blokelementer. Farverne, formerne og placeringen af ​​disse layout skal Hjælp alle UI designer til bedre at forstå wireframing processen.

Web App UI Set

Et meget simpelt UI-kit baseret på tema for Tesla motorkøretøjer, denne freebie er meget mere detaljeret end resten. Du har adgang til enkle knapper men har også mere komplekse interface elementer som a detaljeret tabel liste og en kalender widget.

Fleksibelt UI-sæt

Dette er utvivlsomt et af de mest omfattende UI-sæt, du nogensinde vil finde for Sketch. Den levende demo side tæller 25 + forskellige typer elementer fra billedskydere til checkoutformularer og brugerkommentarer. Absolut et af de fedeste og mest nyttige Sketch freebie kits finder du på nettet.

Bootsketch UI

UI-designere er ofte ude af kredsløbet når det kommer til frontend-rammer, hvorfor denne freebie er en godbid. Dette Bootsketch kit har vektorelementer for hvert Bootstrap-element, der eksisterer. Dette gør det super nemt at oprette Bootstrap-tema mockups i Sketch uden at røre browseren.

Tiny Flat UI Kit

Dette pæne UI-kit bevæger sig væk fra fladt design til omfavne æstetik af gradienter og dybde i sideelementer. Det er et sjovt kit at bruge i ethvert projekt og demonstrerer, at alt hvad du kan gøre i Photoshop er lige så muligt i Sketch.

Mere

Hvis du leder efter flere alternativer, tag et kig på denne lille liste over web-UI-kits nedenfor.

• Marmor UI Kit
• Elements Library UI Kit
• Frisk UI Kit
• Dink UI Kit (Sample)
• UI-sæt til web og mobil

Mobile UI Kits

Kærligheden for indbyggede mobilapps er fortsat stigende, da flere mennesker går ind i mobiløkonomien. Selvom appnedladninger slipper, er der stadig behov for kvalitetsgrænseflader til native apps til at supplere desktop apps. Disse gratis Sketch UI-kits hjælper dig med at designe kvalitets mobilapps til alle enheder, mens du holder op med forskellene mellem opløsninger og nethinden.

iOS 9.3 UI-sæt

Apples fortsatte skub i retning af større innovation pumper et nyt mobil-operativsystem næsten hvert år ud. Den nuværende tendens er iOS 9 og dette UI-kit indeholder alt hvad du behøver for native iOS-applikationer.

Salesforce1 Wireframe Kit

Salesforce1 er en populær dashboard-app til klient og kundeadministration. Dette Salesforce1 UI-kit tilbyder alle de fælles elementer i deres iPhone-app til tinkering og genbrug af deres design æstetiske.

Mobil UX-skabelon

Prototyperer du i øjeblikket en mobil UX til en iPhone eller Android-applikation? Derefter vil denne Sketch freebie sikkert hjælpe dig med at færdiggøre denne wireframe med lethed. Det er en gratis måde at kickstart din wireframing / prototyping fase på en digital skærm.

Social App IOS UI Kit

Fra Snapchat til Pinterest har snesevis af sociale netværk været ballooned i popularitet de seneste år. Dette sociale brugerprogram kit kunne hjælpe lancere den næste store sociale app og skala hurtigt til et bredt publikum af iPhone-brugere.

Moon Wireframe Kit

Dette Moon wireframing kit er en fantastisk blanding af gengivne grænseflader med en skråning mod wireframing. Pakken indeholder 50 unikke mobil app skærme, der kan justeres og omarrangeres til ethvert projekt. Du kan bruge Moon UI-sæt til grundlæggende wireframing eller til komplette UI-mockups.

Travel App UI Kit

Her er et mørkt endnu smukt UI-sæt baseret på a rejse app til Sketch 3+ brugere. Det er lavet til alle, der ønsker at lege rundt med et fly eller rejse mobil app koncept.

Instagram UI Kit

Mobilapps med fotodeling mætter markedet, og nogle apps indeholder endda fotofunktionsfunktioner, der supplerer appens hovedformål. Så det er dejligt at få dette gratis Instagram UI-sæt til rådighed for Sketch-designere til at replikere fotofunktionalitet i deres egne designs. Det er en grundlæggende iOS fotoprogram UI konceptpakke.

Mere

Der er alt for mange GUI kits til at skrive om i dette indlæg, men jeg kan ikke efterlade nogen gode bagved heller. Så hvis du har brug for endnu mere mobile Sketch UI ressourcer, tag et kig på disse alternativer.

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