Kit di GUI di Sketch gratuito per Web & Mobile Design - Il meglio di

Molti designer stanno rapidamente salpando da Adobe Photoshop nel meraviglioso regno di Sketch. Questo programma di progettazione digitale per OS X offre strumenti migliori per la progettazione dell'interfaccia utente, la progettazione di icone e offre supporto per pixel + vettoriali in un unico programma. Ciò ha portato ad un aumento di popolarità per i regali rilasciati dai designer di Sketch .

Chiunque abbia familiarità con il mercato dei freebie sa che i kit di interfaccia utente sono alcune delle risorse più popolari per il lavoro di progettazione dell'interfaccia. Ho compilato questa selezione di kit di interfaccia utente di Sketch gratuiti per siti Web e app mobili. Ogni kit è scaricabile gratuitamente e dovrebbe funzionare con qualsiasi versione di Sketch. Sentiti libero di afferrare tutto ciò che attira l'attenzione e vedere se riesci a mettere a frutto questi kit di interfaccia.

Kit dell'interfaccia utente Web

I siti Web sono ancora la linfa vitale della progettazione dell'interfaccia utente e i prototipi sono spesso richiesti prima della codifica. Questi kit di interfaccia utente ti forniranno le risorse necessarie per creare interfacce digitali di bellezza e scopo che possano essere rapidamente codificate in layout di siti Web reali.

Kit UI scuro

Questo kit UI puramente grigio scuro / blu è stato creato appositamente per Sketch 3+ e include elementi comuni come pulsanti, cursori, menu a discesa e interruttori. Ogni elemento dispone anche di uno stato on / off in modo da poter creare elementi di interfaccia con stati interattivi personalizzati.

Kit UI Dark & ​​Light Ecco un kit unico che si adatta ad un pubblico più ampio con uno sfondo scuro e leggero. Questo kit si concentra maggiormente sui widget di pagina piuttosto che sugli elementi semplici, quindi troverai molti altri oggetti oscuri come il caricamento di barre e lettori multimediali .

Summer UI Kit

Questo kit UI estivo è pieno di pulsanti, moduli, menu a discesa e altri elementi di pagina molto comuni per migliorare i mockup digitali. Inoltre è un documento Sketch a più livelli in modo da non avere problemi a modificare il contenuto in base alle esigenze.

Kit UI perla

Il kit UI Pearl segue un design piatto molto semplice con elementi di base della pagina. Pulsanti, campi di input, fisarmoniche e schede sono solo alcune delle opzioni a tua disposizione. Se sei nuovo di zecca per disegnare questo kit potrebbe essere utile per aiutarti a decostruire come progettare il tuo kit.

Layout della pagina di destinazione

Questo freebie piuttosto oscuro funziona meglio durante la fase wireframing . Questi layout non sono completamente renderizzati in Sketch, invece offrono layout a bassa fedeltà con elementi di blocco statici. I colori, le forme e il posizionamento di questi layout dovrebbero aiutare ogni progettista dell'interfaccia utente a comprendere meglio il processo wireframing .

Set UI app Web

Un kit di interfaccia utente molto semplice basato sul tema dei veicoli a motore Tesla, questo freebie è molto più dettagliato rispetto al resto. Hai accesso a pulsanti semplici ma hai anche elementi di interfaccia più complessi come un elenco di tabelle dettagliate e un widget di calendario .

Kit UI flessibile

Questo è senza dubbio uno dei kit di interfaccia utente più completi che tu abbia mai trovato per Sketch. La pagina dimostrativa dal vivo conta oltre 25 diversi tipi di elementi dai cursori delle immagini per il checkout di moduli e commenti degli utenti . Sicuramente uno dei kit gratuiti gratuiti di Sketch più utili che troverai sul web.

Bootsketch UI

I progettisti dell'interfaccia utente sono spesso lasciati fuori dal giro quando si tratta di framework di frontend, motivo per cui questo freebie è un piacere. Questo kit Bootsketch ha elementi vettoriali per ogni elemento Bootstrap esistente. Ciò semplifica la creazione di prototipi a tema Bootstrap in Sketch senza nemmeno toccare il browser.

Kit UI piatto piccolo

Questo accurato kit per l'interfaccia utente si allontana dal design piatto per abbracciare l'estetica dei gradienti e della profondità negli elementi della pagina. È un kit divertente da utilizzare in qualsiasi progetto e dimostra che tutto ciò che puoi fare in Photoshop è ugualmente possibile in Sketch.

Di Più

Se stai cercando altre alternative, dai uno sguardo a questa piccola lista di kit di interfaccia utente web qui sotto.

• Kit UI in marmo
• Kit dell'interfaccia utente di Elements Library
• Fresh UI Kit
• Kit Dink UI (campione)
• Kit UI per Web e Mobile

Kit di interfaccia utente mobile

L'amore per le app native per dispositivi mobili ha continuato ad aumentare man mano che sempre più persone si spostano nell'economia mobile. Anche se i download di app stanno diminuendo, per le app native è ancora necessaria un'interfaccia di qualità che integri le app desktop. Questi kit di interfaccia utente di Sketch gratuiti ti aiuteranno a progettare app mobili di qualità per tutti i dispositivi, mantenendo le differenze tra risoluzioni e retina.

Kit interfaccia utente iOS 9.3

La continua spinta di Apple verso una maggiore innovazione genera quasi ogni anno un nuovo sistema operativo mobile. La tendenza attuale è iOS 9 e questo kit dell'interfaccia utente include tutto ciò che è necessario per le applicazioni native iOS.

Kit di wireframe Salesforce1

Salesforce1 è una famosa app dashboard per la gestione di clienti e clienti. Questo kit per l'utente di Salesforce1 offre tutti gli elementi comuni della loro app per iPhone per armeggiare e riutilizzare l'estetica del design.

Modello UX mobile

Stai attualmente creando un prototipo di UX mobile per un iPhone o un'applicazione Android? Quindi questo freebie di Sketch ti aiuterà sicuramente a completare quel wireframe con facilità. È un modo gratuito per iniziare la tua fase di wireframing / prototyping su uno schermo digitale.

Kit di interfaccia utente iOS per app social

Da Snapchat a Pinterest, dozzine di social network sono cresciuti in popolarità negli ultimi anni. Questo kit per l'interfaccia utente sociale potrebbe aiutare a lanciare la prossima app social e ad adattarsi rapidamente a un vasto pubblico di utenti iPhone.

Moon Wireframe Kit

Questo kit di wireframing Moon è una grande combinazione di interfacce renderizzate con una pendenza verso wireframing . Il kit include 50 schermate di app mobili esclusive che possono essere regolate e riorganizzate per qualsiasi progetto. Puoi utilizzare il kit dell'interfaccia utente di Moon per il wireframing di base o per i mockup completi dell'interfaccia utente.

Kit UI dell'app di viaggio

Ecco un kit di interfaccia utente scuro ma bello basato su un'app di viaggio per gli utenti di Sketch 3+. È fatto per chiunque desideri giocare con un volo aereo o un concetto di app mobile di viaggio.

Kit dell'interfaccia utente di Instagram

Le app per la condivisione di foto su dispositivi mobili stanno saturando il mercato e alcune app includono anche funzioni di condivisione di foto complementari allo scopo principale dell'applicazione. Quindi è fantastico avere questo kit gratuito per l'interfaccia utente di Instagram disponibile per i designer di Sketch per replicare la funzionalità delle foto nei propri progetti. È un pacchetto di base per l'interfaccia utente per foto iOS.

Di Più

Ci sono troppi kit GUI di cui scrivere in questo post, ma non posso lasciarne nessuno di buono. Quindi, se hai bisogno di ancora più risorse di Sketch UI per dispositivi mobili, dai un'occhiata a queste alternative.

• Percorsi UI Kit
• Kit luce iOS 7 UI
• Kit Uber iOS Wireframe
• Kit UI iOS Photo Splash
• Kit UI Phoenix - Vol. 1