Gratis Sketch GUI Kits For Web & Mobil Design - Best Of
Mange designere hopper raskt fra Adobe Photoshop til det fantastiske området Sketch. Dette digitale designprogrammet for OS X gir bedre verktøy for UI design, ikon design, og tilbyr piksel + 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-sett 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 brukergrensesettene gir deg de ressursene du trenger for å skape digitale grensesnitt med 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 Skisse 3+ og inkluderer vanlige elementer som knapper, skyveknapper, dropdowns og brytere. Hvert element har også en på / av-tilstand slik at du kan bygge grensesnittelementer med tilpassede interaktive stater.
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 i stedet for enkle elementer, så vil du finne mange flere obskure elementer som laster barer og mediaspillere.
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 Hjelp alle brukergrensesnittdesignere for bedre å forstå wireframingprosessen.
Web App UI Set
Et veldig enkelt brukergrensesnitt basert på tema for Tesla motorkjøretøyer, denne freebieen er mye mer detaljert enn resten. Du har tilgang til enkle knapper men har også mer komplekse grensesnitt elementer som a 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. Den levende 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 det er derfor denne freebieen er 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 til omfavne estetikken av gradienter og dybde i sideelementer. 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 leter etter flere alternativer, ta en titt på denne lille listen med webbrukerpakker nedenfor.
- Marmor UI-sett
- Elements Library UI Kit
- Fersk UI-sett
- Dink UI Kit (Sample)
- UI-sett for web og mobil
Mobil UI-sett
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 hjelper deg med å designe mobilklipper for alle enheter samtidig som du holder opp med forskjeller mellom oppløsninger og netthinnen.
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 en populær instrumentbrettapp for klient og kundeadministrasjon. Denne Salesforce1 UI-pakken tilbyr alle de vanlige elementene i deres iPhone-app for å tinkere og gjenbruke deres designestetiske.
Mobil UX-mal
Er du for tiden prototyping 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 Kit
Fra Snapchat til Pinterest har dusinvis av sosiale nettverk blomstret i popularitet de siste årene. Dette sosiale brukergrensesnittet kan hjelpe 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 gjengitt grensesnitt med et 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å a reise app for Sketch 3+ brukere. Det er laget for alle som ønsker å leke rundt med en flytur eller reise mobil app konsept.
Instagram UI Kit
Fotodeling av mobile apper er mettet på markedet, og noen apps 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 en grunnleggende iOS-bildeapp UI-konvensjonspakke.
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