Kit 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 fornisce strumenti migliori per la progettazione dell'interfaccia utente, design di icone, e offre supporto per pixel + vettoriali in un unico programma. Ciò ha portato a un'impennata di popolarità per omaggi 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 è possibile utilizzare 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 daranno 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 Schizzo 3+ e include elementi comuni come pulsanti, cursori, menu a discesa e interruttori. Ogni elemento presenta anche un stato on / off quindi puoi 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 di più su widget di pagina piuttosto che elementi semplici, quindi troverai molti altri oggetti oscuri come caricamento di barre e lettori multimediali.
Kit per l'interfaccia utente estiva
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 pagina di base. Pulsanti, campi di immissione, 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 il fase di wireframing. Questi layout non sono completamente resi in Sketch, ma 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 dell'interfaccia utente dell'applicazione Web
Un kit di interfaccia utente molto semplice basato su tema di Tesla veicoli a motore, questo freebie è molto più dettagliato rispetto al resto. Hai accesso a pulsanti semplici ma hanno anche elementi di interfaccia più complessi come a elenco di tabelle dettagliate e un widget di calendario.
Kit UI flessibile
Questo è indubbiamente uno dei kit di interfaccia utente più completi che tu abbia mai trovato per Sketch. La pagina demo live conta 25+ diversi tipi di elementi a partire dal cursori di immagini per il checkout di moduli e commenti degli utenti. Sicuramente uno dei kit gratuiti gratuiti di Sketch 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 kit UI pulito si allontana dal design piatto in 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 con 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 UI Sketch gratuiti ti aiuteranno a progettare app mobili di qualità per tutti i dispositivi, mantenendo al contempo le differenze tra le risoluzioni e gli schermi 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 di interfaccia utente offre tutto il 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'interfaccia 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 avvia 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 di interfaccia utente sociale potrebbe aiutare lancia la prossima grande app sociale e scala rapidamente a un vasto pubblico di utenti iPhone.
Moon Wireframe Kit
Questo kit per il wireframe della Luna è una grande miscela di interfacce rese con una inclinazione verso wireframing. Il kit include 50 schermate di app mobili esclusive che possono essere regolate e riorganizzate per qualsiasi progetto. Puoi utilizzare il kit UI 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 a 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 di 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.
- UI Kit percorsi
- Kit luce iOS 7 UI
- Kit Uber iOS Wireframe
- Kit UI iOS Photo Splash
- Kit UI Phoenix - Vol. 1