Vapaa luonnos GUI Kits Web & Mobile Design - Best of

Monet suunnittelijat hyppivät nopeasti Adobe Photoshopista Sketchin upeaan valtakuntaan. Tämä OS X: n digitaalinen suunnitteluohjelma tarjoaa parempia työkaluja käyttöliittymän suunnitteluun, kuvakkeen suunnitteluun, ja tarjoaa pikseli- ja vektoritukea yhdessä ohjelmassa. Tämä on johtanut suosion kasvuun Sketch-suunnittelijoiden julkaisemat ilmaisohjelmat.

Jokainen ilmaispalvelumarkkinoille tuttu tietää, että UI-sarjat ovat joitakin suosituimpia resursseja käyttöliittymien suunnitteluun. Olen koonnut tämän valikoiman ilmaisia ​​Sketch UI -sarjoja verkkosivustoille ja mobiilisovelluksille. Jokainen paketti on ladattavissa vapaasti ja sen pitäisi toimia minkä tahansa Sketch-version kanssa. Voit vapaasti tarttua mihin tahansa, joka pitää silmäsi ja katso, voitko laittaa nämä käyttöliittymäsarjat hyvään käyttöön.

Web UI Kits

Verkkosivustot ovat edelleen käyttöliittymän elinehto, ja mallit ovat usein vaatimus ennen koodausta. Nämä UI-sarjat antavat sinulle resursseja, joita tarvitset luoda kauneuden ja tarkoituksen digitaalisia rajapintoja, jotka voidaan nopeasti koodata todellisiin verkkosivujen asetteluihin.

Tumma UI-paketti

Tämä puhtaasti tummanharmaa / sininen UI-paketti valmistettiin erityisesti Luonnos 3+ ja sisältää yhteisiä elementtejä, kuten painikkeet, liukusäätimet, pudotusvalikot ja kytkimet. Jokaisella elementillä on myös on / off-tila joten voit rakentaa rajapintaelementtejä räätälöityjen interaktiivisten tilojen avulla.

Dark & ​​Light UI Kit

Tässä on ainutlaatuinen paketti, joka sopii laajemmalle yleisölle tummalla ja vaalealla taustalla. Tämä paketti keskittyy enemmän sivun widgetit pikemminkin kuin yksinkertaisia ​​elementtejä, joten löydät monia muita epäselviä kohteita lataamalla baareja ja mediasoittimia.

Summer UI Kit

Tämä kesän käyttöliittymän paketti on täynnä painikkeet, lomakkeet, pudotusvalikot, ja muut hyvin yleiset sivuelementit digitaalisten makettien parantamiseksi. Lisäksi se on täysin kerrostettu luonnosasiakirja, joten sinun ei tarvitse tehdä muutoksia sisältöön tarpeen mukaan.

Pearl UI Kit

Pearl-käyttöliittymän paketti on hyvin yksinkertainen, ja siinä on perusasetukset. Painikkeet, syöttökentät, harmonikot ja välilehdet ovat vain muutamia vaihtoehtoja. Jos olet aivan uusi luonnos, tämä paketti saattaa olla hyödyllistä auttaa sinua purkamaan, kuinka suunnitella oma paketti.

Aloitussivun asettelut

Tämä melko epäselvä ilmaistarjous toimii parhaiten wireframing-vaihe. Nämä ulkoasut eivät ole täysin piirretty Sketchissa, vaan ne tarjoavat matalan tarkkuuden asetteluja staattisilla lohkoelementeillä. Näiden asettelujen värien, muotojen ja sijainnin pitäisi olla auta jokaista käyttöliittymän suunnittelijaa ymmärtämään paremmin wireframing-prosessia.

Web-sovelluksen käyttöliittymän asetus

Erittäin yksinkertainen käyttöliittymän paketti, joka perustuu ympäri Teslan teema moottoriajoneuvot, tämä ilmaistarjous on paljon yksityiskohtaisempi kuin loput. Sinulla on pääsy yksinkertaisia ​​painikkeita mutta myös monimutkaisemmilla käyttöliittymäkohdilla, kuten a yksityiskohtaisen taulukon luettelon ja kalenterin widgetin.

Joustava käyttöliittymä

Tämä on epäilemättä yksi laajimmista UI-sarjoista, jotka löydät koskaan Sketch-ohjelmalle. Live-esittelysivu laskee 25 + eri tyyppisiä elementtejä alkaen kuvien liukusäätimiä kassalomakkeisiin ja käyttäjän kommentteihin. Ehdottomasti yksi hienoimmista ja hyödyllisimmistä luonnos freebie-paketeista löytyy verkossa.

Bootsketch UI

UI-suunnittelijat jäävät usein silmukan ulkopuolelle, kun kyse on frontend-kehyksistä, minkä vuoksi tämä ilmaistarjous on herkku. Tässä Bootsketch-sarjassa on vektorielementtejä jokaiselle olemassa olevalle Bootstrap-elementille. Tämän vuoksi on helppo luoda Bootstrap-aiheisia malleja Sketchissa edes koskettamatta selainta.

Tiny Flat UI Kit

Tämä siisti UI-paketti siirtyy pois tasaisesta mallista ota huomioon kaltevuuden ja syvyyden estetiikka sivuelementeissä. Se on hauska paketti, jota voi käyttää missä tahansa projektissa, ja osoittaa, että Photoshopissa kaikki mitä voi tehdä, on myös mahdollista Sketchissa.

Lisää

Jos etsit lisää vaihtoehtoja, ota kuunnella tätä pientä luetteloa alla olevista web-käyttöliittymien paketeista.

• Marble UI Kit
• Elements Library UI Kit
• Tuore UI Kit
• Dink UI Kit (näyte)
• Verkko- ja mobiililaitteiden käyttöliittymä

Mobile UI Kits

Rakkaus alkuperäisiin mobiilisovelluksiin on lisääntynyt, kun yhä useammat ihmiset siirtyvät liikkuvaan talouteen. Vaikka sovellusten lataukset ovat pudottamassa, tarvitaan edelleen laadukkaita rajapintoja, joilla voidaan täydentää työpöydän sovelluksia. Nämä vapaat Sketch UI -sarjat auttavat sinua suunnittelemaan laadukkaita mobiilisovelluksia kaikille laitteille samalla kun pysytään erotuksissa erotusten ja verkkokalvojen välillä.

iOS 9.3 UI Kit

Applen jatkuva pyrkimys kohti suurempaa innovaatiota pumppaa uuden mobiiliohjelmiston lähes joka vuosi. Nykyinen suuntaus on iOS 9 ja tämä UI-paketti sisältää kaiken, mitä tarvitset nOS-sovelluksiin.

Salesforce1 Wireframe Kit

Salesforce1 on suosittu kojelautasovellus asiakkaiden ja asiakkaiden hallintaan. Tämä Salesforce1-käyttöliittymän paketti tarjoaa kaikki iPhone-sovelluksensa yhteiset elementit muotoilutestiensa tinkeringiin ja uudelleenkäyttöön.

Mobile UX -malli

Oletko tällä hetkellä prototyyppinen mobiili UX iPhone- tai Android-sovellukselle? Sitten tämä luonnos ilmaistarjous auttaa varmasti täydentämään kyseisen lankamallin helposti. Se on vapaa tapa käynnistä wireframing / prototyyppivaiheesi digitaalinen näyttö.

Sosiaalinen sovellus iOS UI Kit

Päivittäin Pinterestiin kymmeniä sosiaalisia verkostoja on suosittu viime vuosina. Tämä sosiaalinen käyttöliittymäpaketti voisi auttaa käynnistää seuraavan suuren sosiaalisen sovelluksen ja nopeasti iPhone-käyttäjien laajalle yleisölle.

Moon Wireframe Kit

Tämä Moon Wireframing Kit on suuri sekoitus sulautetut rajapinnat, joissa on viisto kohti wireframingia. Sarja sisältää 50 ainutlaatuista mobiilisovellusnäyttöä, joita voidaan säätää ja järjestää mihin tahansa projektiin. Voit käyttää Moon UI -pakettia perustoiminnoille tai täydellisille UI-malleille.

Travel App UI Kit

Tässä on tumma, mutta kaunis UI-paketti, joka perustuu a matka-sovellus Sketch 3+ -käyttäjille. Se on tarkoitettu kaikille, jotka haluavat leikkiä lennon tai matkaviestinnän mobiilisovelluskonseptilla.

Instagram UI Kit

Valokuvien jakamiseen tarkoitetut mobiilisovellukset ovat kylläisiä markkinoilla, ja joissakin sovelluksissa on jopa valokuvien jakamisen ominaisuuksia, jotka täydentävät sovelluksen päätarkoitusta. Joten on hienoa, että tämä ilmainen Instagram-käyttöliittymä-paketti on saatavilla Sketch-suunnittelijoille, jotta ne voivat kopioida valokuvaustoimintoja omiin malleihinsa. Se on perus-iOS-valokuva-sovelluksen käyttöliittymäkonsepti.

Lisää

Tässä viestissä on liian paljon GUI-paketteja, mutta en voi jättää mitään hyviä. Jos tarvitset vieläkin mobiilimpia Sketch UI -resursseja, tutustu näihin vaihtoehtoihin.

• Reitittää UI-paketin
• iOS 7 UI Kit Light
• Uber iOS Wireframe Kit
• Photo Splash iOS UI Kit
• Phoenix UI kit - Vol 1