Gratis Sketch GUI Kits For Web & Mobil Design - Best Of

Mange designere hopper raskt fra Adobe Photoshop til Sketchs fantastiske rike. Dette digitale designprogrammet for OS X gir bedre verktøy for UI-design, ikondesign, og tilbyr pixel + vektorstøtte i ett program. Dette har ført til en økning i popularitet for freebies utgitt av Sketch designere .

Alle som er kjent med freebie-markedet vet at brukergrensesnitt er noen av de mest populære ressursene for grensesnittdesignarbeid. Jeg har samlet dette utvalget av gratis Sketch UI-kits for nettsteder og mobilapper. Hvert sett er gratis å laste ned og skal fungere med en hvilken som helst versjon av Sketch. Ta gjerne med noe som fanger øyet ditt og se om du kan sette disse grensesnittsettene til god bruk.

Web UI Kits

Nettsteder er fortsatt livsnerven for UI-design, og mockups er ofte et krav før koding. Disse brukergrensesnittene gir deg de ressursene du trenger for å skape digitale grensesnitt av skjønnhet og formål som raskt kan kodes inn i ekte nettsideoppsett.

Mørk UI-sett

Dette rent mørkegrå / blå brukergrensesnittet ble laget spesielt for Sketch 3+, og inneholder vanlige elementer som knapper, skyveknapper, dropdowns og brytere. Hvert element har også en på / av-stat, slik at du kan bygge grensesnittelementer med tilpassede interaktive tilstander.

Dark & ​​Light UI Kit Her er et unikt sett som passer til et bredere publikum med en mørk og lys bakgrunnsstil. Dette settet fokuserer mer på side widgets enn enkle elementer, slik at du finner mange flere obskure elementer som å laste barer og mediespillere .

Sommer UI-sett

Denne sommeren UI-settet er fullt av knapper, skjemaer, dropdowns og andre svært vanlige sideelementer for å forbedre digitale mockups. I tillegg er det et fullt lagret Skissedokument, så du har ingen problemer med å gjøre endringer i innhold etter behov.

Pearl UI Kit

Pearl UI-settet følger en veldig enkel flat design med grunnleggende sideelementer. Knapper, inngangsfelt, trekkspill og faner er bare noen av alternativene til din disposisjon. Hvis du er helt ny på å skissere, kan dette settet være nyttig for å hjelpe deg med å dekonstruere hvordan du skal designe ditt eget sett.

Destinasjonssider

Denne ganske uklare freebie fungerer best under wireframing-scenen . Disse oppsettene er ikke fullstendig gjengitt i Skisse, i stedet tilbyr lavfidelisjonsoppsett med statiske blokkelementer. Farger, former og posisjonering av disse layoutene skal hjelpe alle brukergrensesnittdesignere for å bedre forstå wireframingprosessen .

Web App UI Set

Et veldig enkelt UI-kit basert på temaet Tesla- biler, er denne freebie mye mer detaljert enn resten. Du har tilgang til enkle knapper, men har også mer komplekse grensesnitt elementer som en detaljert tabell liste og en kalender widget .

Fleksibel UI-sett

Dette er utvilsomt et av de mest omfattende UI-prosjektene du noensinne vil finne for Sketch. Live demo-siden teller 25 + forskjellige typer elementer fra bildeskytere til betalingsformularer og brukerkommentarer . Definitivt et av de kuleste og mest nyttige Sketch freebie-kittene finner du på nettet.

Bootsketch brukergrensesnitt

UI-designere blir ofte utelatt når det gjelder frontend-rammer, og derfor er denne freebie en godbit. Dette Bootsketch-settet har vektorelementer for hvert Bootstrap-element som eksisterer. Dette gjør det super enkelt å opprette Bootstrap-tema mockups i Sketch uten å berøre nettleseren.

Tiny Flat UI Kit

Dette pene UI-settet beveger seg vekk fra flat design for å omfavne den estetiske gradienter og dybde i sideelementene. Det er et morsomt sett å bruke i et hvilket som helst prosjekt og demonstrerer at alt du kan gjøre i Photoshop er like mulig i Sketch.

Mer

Hvis du er på utkikk etter flere alternativer, ta en titt på denne lille listen over web-UI-kits nedenfor.

• Marmor UI-sett
• Elements Library UI Kit
• Frisk UI-sett
• Dink UI Kit (Sample)
• UI-sett for web og mobil

Mobile UI Kits

Kjærligheten til innfødte mobilapper har fortsatt å øke etter hvert som flere mennesker går inn i mobiløkonomien. Selv om appnedlastinger slipper, er det fortsatt behov for kvalitetsgrensesnitt for innfødte apps for å supplere skrivebordsprogrammer. Disse gratis Sketch UI-kittene vil hjelpe deg med å designe mobile mobilapper for alle enheter, samtidig som du holder opp med forskjeller mellom oppløsninger og retina-skjermer.

iOS 9.3 UI-sett

Apples fortsatte press mot større innovasjon pumper ut et nytt mobil-operativsystem nesten hvert år. Den nåværende trenden er iOS 9, og denne UI-pakken inneholder alt du trenger for innfødte iOS-programmer.

Salesforce1 Wireframe Kit

Salesforce1 er et populært dashboard-app for klient og kundeadministrasjon. Denne Salesforce1 UI-pakken inneholder alle de vanlige elementene i deres iPhone-app for å tinkere og gjenbruke deres designestetikk.

Mobil UX-mal

Prototyperer du for øyeblikket en mobil UX for et iPhone- eller Android-program? Da vil denne Sketch-freebie sikkert hjelpe deg med å fullføre den wireframe med letthet. Det er en gratis måte å kickstart din wireframing / prototyping fase på en digital skjerm.

Sosial App IOS UI-sett

Fra Snapchat til Pinterest har dusinvis av sosiale nettverk blomstret i popularitet de siste årene. Dette sosiale brukergrensesnittet kan bidra til å lansere neste store sosiale app og skala raskt til et bredt publikum av iPhone-brukere.

Moon Wireframe Kit

Denne Moon wireframing kit er en flott blanding av gjengitte grensesnitt med en skrå mot wireframing . Pakken inneholder 50 unike mobile app-skjermer som kan justeres og omarrangeres for ethvert prosjekt. Du kan bruke Månen UI-settet for grunnleggende wireframing, eller for komplette UI-mockups.

Travel App UI Kit

Her er et mørkt, men likevel flott UI-sett basert på en reiseprogram for Sketch 3+-brukere. Den er laget for alle som ønsker å leke rundt med en flytur eller reise mobil app konsept.

Instagram UI-sett

Fotodeling av mobile apper er mettet på markedet, og enkelte apper inkluderer til og med fotodelingsfunksjoner som er supplerende til appens hovedformål. Så det er flott å ha dette gratis Instagram UI-settet tilgjengelig for Sketch-designere til å kopiere fotofunksjonalitet i egne design. Det er et grunnleggende iOS-bildeprogram UI-konseptpakke.

Mer

Det er altfor mange GUI-kits å skrive om i dette innlegget, men jeg kan ikke legge igjen noen gode bak heller. Så hvis du trenger enda mer mobile Sketch UI-ressurser, ta en titt på disse alternativene.

• Ruter UI-sett
• iOS 7 UI Kit Light
• Uber IOS Wireframe Kit
• Photo Splash iOS UI-sett
• Phoenix UI-sett - Vol 1