La più grande collezione di risorse gratuite Sketch app, che copre i kit wireframe sketch, sketch prototyping, sketch app templates, sketch app templates, etc.
Sketch, strumento di progettazione vettoriale che gira su Mac, è semplicistico e facile da usare, rendendolo favorito da sempre più designer. Inoltre, sempre più designer stanno condividendo risorse gratuite dell’app Sketch, dando ai designer UX/UI una mano a costruire i loro progetti facilmente e rapidamente. Qui ho raccolto 30 delle migliori risorse gratuite dell’app Sketch, tra cui kit UI Sketch, wireframe Sketch, plugin Sketch, modelli di app Sketch e altro ancora.
Ecco una raccolta dei migliori kit wireframe gratuiti Sketch per la progettazione di wireframe di app mobili e siti web nel 2018. Un wireframe è uno dei modi migliori per condividere le tue idee di design, e puoi semplicemente scaricare uno dei seguenti kit per disegnare le tue app e siti web senza sforzo.
- Liberty Mobile Wireframe Kit
- Caratteristiche:
- Mobile UI Wireframe Kit Sketch Resource
- Wireframe Sketch Resource
- Carbon Material Wireframe Kit Sketch Resource
- Low-fidelity App Wireframe Kit Sketch Resource
- Android Wireframing Kit Sketch Resource
- Sketch Prototyping Resources
- Adminian 2 – Web App Rapid Prototype Design Wireframe Kit per Sketch
- Shop iOS App – UI e Prototipo Sketch Resource
- Essential Prototyping Template Sketch Resource
- 3 Google Maps Views Sketch Resource
- Sketch Website Templates Resources
- Royal London Equestrian – Horse Riding School
- Web Wireframe Kit Template – il kit UX perfetto per qualsiasi progetto web
- Wireframing Template Sketch Resource
- Oxy Creative Template – Template creativo per Sketch & Photoshop
- User Persona Template Sketch Resource
- Bootstrap Grid Template Sketch Resource
- Più risorse su Sketch Website Templates
- Risorsa Sketch Landing Page BetterDesk
- Mobile UX Template Sketch Resource
- iPhone Wireframe Template Sketch Resource
- iPhone 6 Plus e iPhone 6 Wireframe Sketch Resource
- Avia UI Kit – 40 Sketch Template Profile Kit
- HEXA Creative Website UI Kit
- Snap UI kit – iOS 8 wireframes costruito per Sketch
- Material Design Template V2 Sketch Resource
- Altro su Sketch UI Design Resources
- UI Frames Sketch Resource
- Bootsketch UI Framework Sketch Resource
- Risorse dei plugin di Sketch
- Mockplus iDoc – Online design collaboration tool & handoff design
- Mockplus – Strumento di prototipazione rapida
Liberty Mobile Wireframe Kit
Liberty Mobile Wireframe Kit è uno strumento altamente personalizzabile per progettare app mobili alla massima velocità. Semplicemente trascinando e rilasciando i suoi elementi personalizzati pre-progettati, puoi disegnare la tua app mobile. Inoltre, include 125 schermate, font gratuiti di Google e una vasta gamma di elementi con piena personalizzazione, facendo ordine in breve tempo per qualsiasi progetto, grande o piccolo. Questo kit ha file PSD e Sketch.
Caratteristiche:
- 9 Categorie
- Pienamente a strati
- 2x Risoluzione 750x1334px
- Compatibile con Sketch & Photoshop
Download gratuito: https://elements.envato.com/liberty-mobile-wirefra…
Mobile UI Wireframe Kit Sketch Resource
Mobile UI Wireframe Kit è stato progettato da Ray Macari. Questa risorsa è un grande successo su SketchApp con 72353 visualizzazioni e 32906 download. Presenta 57 schermate mobili e icone di gesti che possono accelerare il tuo flusso di lavoro UX. Tutti gli elementi sono completamente personalizzabili in modo da poter modificare facilmente qualsiasi stile. Inoltre, sei libero di mostrare il layout di pagina di base, l’architettura dell’app, il contenuto e il flusso UI con questo kit.
Caratteristiche:
- 57 schermate mobili
- Icone gestuali
- Elementi di annotazione e simboli
Download gratuito: https://www.sketchappsources.com/free-source/2162-…
Wireframe Sketch Resource
Questo kit Sketch wireframe è stato progettato da Riza Selçuk Saydam, un designer che condivide risorse di design gratuito. Riza ha precedentemente condiviso il design dell’app mobile Akıllı Vatandaş ma senza il suo wireframe; da allora ha pubblicato questo kit su SketchApp. Ha 49391 visualizzazioni e 20188 download per ora dalla pubblicazione. Puoi anche andare per lo studio del caso Smart Citizen Mobile App per maggiori informazioni.
Caratteristiche:
- Stile piatto
- Compatibile con Sketch & Photoshop
- Stile vettoriale
- Freebie Sketch wireframe kit
Download gratuito: https://dribbble.com/shots/1764849-Wireframe-free-…
Carbon Material Wireframe Kit Sketch Resource
Carbon Material Wireframe Kit è stato progettato da un collega designer greco di nome Panagiotis. Questo kit di wireframe di material design, esteticamente piacevole e di alta qualità, consiste in 15 artboard con livelli ben strutturati e nominati, così come un sacco di elementi riutilizzabili. È uno strumento preferito per le vostre app di e-commerce Android. Molto popolare, questo kit gratuito ha 72216 visualizzazioni e 24018 download.
Caratteristiche:
- Stile material design
- 15 artboard
- Strati ben strutturati
- completamente personalizzabili e modificabili
Download gratuito:https://www.sketchappsources.com/free-source/2337-…
Low-fidelity App Wireframe Kit Sketch Resource
Low-fidelity App Wireframe Kit è stato progettato da Kishore. Con esso, hai tutti gli elementi di base per disegnare la tua app mobile con un wireframe a bassa fedeltà. Attualmente ha 26122 visualizzazioni e 11171 download.
Download gratuito:https://www.sketchappsources.com/free-source/3171-…
Android Wireframing Kit Sketch Resource
Android Wireframing Kit è stato progettato da Steph Kelly. Se hai bisogno di un kit di wireframe per la progettazione di app Android, ti consigliamo di usare questo. Questo kit ha attualmente 23836 visualizzazioni e 11044 download.
Download gratuito: https://www.sketchappsources.com/free-source/2995-…
Sketch Prototyping Resources
Sketch è uno strumento popolare per Mac. È più snello e semplice di Photoshop o altre applicazioni simili. Sempre più designer stanno condividendo risorse gratuite per i prototipi di sketch, che possono aiutarvi a costruire rapidamente prototipi interattivi per il vostro progetto. Le seguenti risorse possono aiutarti a iniziare a creare prototipi con Sketch.
Adminian 2 – Web App Rapid Prototype Design Wireframe Kit per Sketch
Adminian 2 ha una vasta selezione di simboli e modelli per una rapida progettazione e prototipazione di layout di web app. Siete in grado di disegnare qualsiasi progetto in modo iterativo utilizzando questa risorsa di prototipi. Inoltre, presenta approcci multipli che forniscono opzioni per il vostro progetto.
Caratteristiche:
- 50+ Modelli di pagina & 120 Icone
- 200+ Componenti UI
- Griglia di design materiale
- Struttura atomica
- Responsive & Gruppi ridimensionabili
- Compatibile con Sketch
Download gratuito: https://ui8.net/products/adminian-2-wireframe-kit
Shop iOS App – UI e Prototipo Sketch Resource
Shop iOS App è stato progettato da Tobia Crivellari. Tobia è un’applicazione iOS per negozi che è stata creata prendendo ispirazione da FILSO CO. I crediti per le immagini e il contenuto vanno a FILSON CO. Questa risorsa ha 32984 visualizzazioni e 8093 download ora.
Caratteristiche:
- Tutti i contenuti sono confezionati
- Oltre 10 schermate in Sketch
- Prototipo principale per iPhone 6
Download gratuito:https://www.sketchappsources.com/free-source/1821-…
Essential Prototyping Template Sketch Resource
Questa è una raccolta semplice e flessibile degli stili e dei simboli più utili per creare prototipi di grande effetto. Tutti i simboli sono pronti per le funzioni di Sketch 39. Il designer è Konstantin Tereschenkov e attualmente ha 44400 visualizzazioni e 12988 download sul sito SketchApp.
Download gratuito:https://www.sketchappsources.com/free-source/2156-…
3 Google Maps Views Sketch Resource
Le 3 viste di Google Maps framer prototipo è progettato da Sergey Voronov. Questa risorsa ha 41418 visualizzazioni e 14340 download.
Download gratuito:https://www.sketchappsources.com/free-source/1878-…
Sketch Website Templates Resources
La flessibilità e le potenti caratteristiche di un solido modello di sito web lo rendono il modo migliore per costruire un sito. Qui ci sono diverse risorse Sketch website template per la tua ispirazione.
Royal London Equestrian – Horse Riding School
Royal London è un template sketch gratuito progettato per l’equitazione, ippica, scuderie, maneggi e scuole di equitazione. Ha tutti gli elementi di design di cui hai bisogno per costruire un sito web funzionale. La cosa migliore è che puoi creare nuove pagine con elementi di design riutilizzabili. Ha 2 file, file di grafica e file Sketch. Questo modello richiede Sketch 40+.
Caratteristiche:
- Modello facile da usare
- 7 disegni di pagina
- 2 disegni di pagina di notizie
- Simboli di pagina riutilizzabili
- Griglia Bootstrap
- Layered & organizzato
- Clean & stile moderno
Download gratuito:https://themeforest.net/item/royal-london-horse-ri…
Web Wireframe Kit Template – il kit UX perfetto per qualsiasi progetto web
Questo template offre un grande pacchetto, inclusi 110+ moduli wireframe e centinaia di elementi. Puoi facilmente creare prototipi ad alta fedeltà con questi mockup di siti web usando Sketch o Illustrator. Gli elementi sono ben organizzati sulla base di una griglia Bootstrap a 12 colonne e 1170px. Inoltre, è possibile modificare la larghezza degli elementi in Sketch utilizzando la funzione dei vincoli.
Caratteristiche:
- 110+ moduli desktop
- Compatibili e fatti per Sketch e Illustrator
- Griglia Bootstrap
- Guida al design e icone materiali di Google
- Schermi di onboarding
Download gratuito: https://elements.envato.com/web-wireframe-kit-L7TD…
Wireframing Template Sketch Resource
Questo template consiste in componenti comuni di wireframing da usare su dispositivi desktop e mobili, incluse 1-4 colonne in varie disposizioni. Tutti i contenuti e gli elementi sono raggruppati e organizzati in modo pulito. Per esempio, ci sono 12 griglie di colonne basate su Twitter Bootstrap. Questo template può essere utilizzato per il web design così come per altri progetti digitali. Il designer è Garret Voorhees e il suo lavoro ha 127459 visualizzazioni e 46203 download su SketchApp.
Caratteristiche:
- 3 livelli di navigazione mobile
- Una gamma completa di stili tipografici
- Vari elementi UI
- Icone di uso comune
- Elementi WYSIWYG
Download gratuito:https://www.sketchappsources.com/free-source/1552-…
Oxy Creative Template – Template creativo per Sketch & Photoshop
Oxy contiene 2 template di siti web progettati per agenzie e studi creativi. Basato su una griglia Bootstrap di 1170px, questa risorsa è moderna ed elegante. I file PSD sono completamente stratificati e personalizzabili. Inoltre, tutti gli elementi sono organizzati per gruppo e possono essere facilmente identificati anche dal nome del gruppo.
Caratteristiche:
- 2 modelli di pagina
- Design moderno
- Basato su Bootstrap Grid System
- Fonts Google gratuiti
- Strati ben organizzati
- Compatibile con Sketch & Photoshop
Download gratuito: https://ui8.net/products/oxy-creative-template
User Persona Template Sketch Resource
User Persona Template, un template molto semplice creato per Sketch, è stato progettato da Meghan Hartman usando la Fake Crow Persona. Può essere usato per generare personas per la user experience, il branding e le strategie di marketing. Attualmente, ha 39743 visualizzazioni e 9539 download.
Caratteristiche:
- Include il file PDF
- Versione stampabile
Download gratuito: https://fakecrow.com/free-persona-template/
Bootstrap Grid Template Sketch Resource
Grid Template è stato progettato da Bruno Muller. Si tratta di un modello di layout Sketch 3 basato su un sistema di griglia Bootstrap. Ha 35257 visualizzazioni e 11061 download attualmente. È migliorato con classi estensibili e un sistema di griglia avanzato.
Caratteristiche:
- Impostazioni globali CSS di Bootstrap
- Elementi HTML fondamentali stilizzati
Download gratuito: https://getbootstrap.com/docs/3.3/css/
Più risorse su Sketch Website Templates
Questo è un semplice wireframe gratuito di landing page realizzato in Sketch App. È stato progettato da Pausrr e ha 53096 visualizzazioni e 20206 download per ora.
Download gratuito:https://www.sketchappsources.com/free-source/1580-…
Risorsa Sketch Landing Page BetterDesk
BetterDesign.io è una piattaforma sociale per testare il tuo design, copiare gratuitamente e ottenere risultati in tempo reale. Il file contiene una landing page accuratamente progettata con un’illustrazione eroe amichevole. È stato progettato da Betterdesign.io e ha 33081 visualizzazioni e 16186 download.
Download gratuito:https://www.sketchappsources.com/free-source/2470-…
Mobile UX Template Sketch Resource
Questo ampio template UX mobile è un insieme di schemi, esempi di flusso utente e una libreria di icone progettata da ArcTouch. Può aiutarti a organizzare il tuo pensiero e ad allineare le parti interessate al tuo progetto. Ha 103138 visualizzazioni e 29879 download.
Download gratuito:https://arctouch.com/insights/design_templates/mob…
iPhone Wireframe Template Sketch Resource
Questo file sketch progettato da Edwin Delgado ha 2 pagine – Assets e Mockup. Edwin ha voluto condividere qualcosa che ha fatto in Sketch liberamente, così qui è venuto un semplice modello di iPhone 6 che può essere utilizzato per presentazioni o flussi. Viene fornito con alcune linee di base, pulsanti e cornici. Ha due pagine, una per le risorse e l’altra che dettaglia il suo processo.
Caratteristiche:
- Linee di base, pulsanti e cornici
- Due pagine – risorse e mockup
Download gratuito:https://www.sketchappsources.com/free-source/1166-…
iPhone 6 Plus e iPhone 6 Wireframe Sketch Resource
Questo iPhone 6 Plus e iPhone 6 Wireframe è stato progettato da Andrea Ripamonti. Ha 82729 visualizzazioni e 28999 download attualmente.
Download gratuito:https://www.sketchappsources.com/free-source/799-i…
Avia UI Kit – 40 Sketch Template Profile Kit
Avia UI kit è un bellissimo profilo UI kit che include 40 landing page organizzate e 40 icone gratis. Ogni schermata di esso è completamente personalizzabile ed eccezionalmente facile da usare. Creato per Sketch e Photoshop, questo kit di profilo è la quarta parte di una splendida serie di UI.
Caratteristiche:
- 40 Bellissime pagine di destinazione
- 40 Icone bonus gratuite
- Design estremamente curato
- Molto organizzato
Download gratuito: https://ui8.net/products/avia-ui-kit-profiles
HEXA Creative Website UI Kit
HEXA è un kit UI semplice, pulito e creativo creato da Webhance Studio. È progettato per soddisfare le esigenze di design di designer e sviluppatori. I tipi di file includono JPG, PNG, PSD, SKETCH, SVG. Inoltre, ha 250 + icone SVG scalabili (vettoriali) incluse. Tutti gli elementi sono liberi di essere utilizzati.
Caratteristiche:
- Adobe Photoshop supportato
- Design creativo e moderno
- Alta qualità e ultimi file
- Ultima versione di Sketch
- Fonts Google gratuiti
- Qualità pixel nitidi
- 100% livelli e layout modificabili
Download gratuito: https://elements.envato.com/hexa-creative-website-…
Snap UI kit – iOS 8 wireframes costruito per Sketch
Snap Kit è uno strumento di wireframing iOS 8 costruito per Sketch. Ti aiuta a fare rapidamente il mockup del flusso della tua app attraverso le schermate comuni di iOS attraverso i suoi 22 bellissimi mockup di iOS 8 e un sacco di componenti UI. È molto più facile creare eleganti wireframes e flussi strutturati di app utilizzando questo kit.
Download gratuito: https://designhooks.com/freebies/snap-ui-kit-ios-8…
Material Design Template V2 Sketch Resource
Material Design Template V2 è stato progettato da Kyle Ledbetter che ha una passione per il Material Design. Ha 81459 visualizzazioni e 32021 download al momento.
Download gratuito: https://dribbble.com/shots/2296655-Material-Design…
Altro su Sketch UI Design Resources
Bootflat UI kit è una versione Sketch del framework Bootflat progettato da Anh Nguyen. Ha 68220 visualizzazioni e 20517 download.
Download gratuito: https://www.sketchappsources.com/free-source/838-b…
UI Frames Sketch Resource
Questo è un kit UI riutilizzabile in evoluzione Sketch wireframe progettato da Mariz Melo. Ha 52048 visualizzazioni e 16784 download.
Download gratuito: https://dribbble.com/shots/1847092-UIFrames
Bootsketch UI Framework Sketch Resource
Questo è un framework Sketch UI progettato da Damian Walsh. Basato su Twitter Bootstrap, è perfetto per la prototipazione o per stabilire guide di stile front-end. Inoltre, tutti gli elementi sono organizzati come simboli o stili di testo che permettono di applicare le modifiche all’intero progetto.
Download gratuito: https://www.sketchappsources.com/free-source/1448-…
Risorse dei plugin di Sketch
Ho riassunto qui sotto 2 dei migliori plugin di Sketch per designer UX/UI che aiuteranno a semplificare il tuo flusso di lavoro.
Mockplus iDoc – Online design collaboration tool & handoff design
Mockplus iDoc fa lavorare insieme l’intero design del prodotto. Genera automaticamente specifiche e risorse, oltre a creare prototipi interattivi e animati. Basta caricare i progetti in un clic e scaricare il plugin Sketch, è possibile generare le specifiche in modo intelligente e visualizzare i dati delle specifiche con un semplice clic del mouse.
Cosa rende speciale questo plugin?
- Facile accedere alle specifiche in diversi modi
Ci sono tre modalità di specifiche in iDoc. Puoi passare il mouse su qualsiasi livello; puoi selezionare un livello singolo o multiplo; puoi tenere premuto Alt per convertire le specifiche in valori percentuali.
- Un clic per visualizzare gli elementi duplicati
Puoi visualizzare gli elementi di design duplicati con un clic, come testo, colore, margine e larghezza. Tutti gli elementi duplicati verranno mostrati sullo schermo in una volta sola, migliorando notevolmente l’efficienza del tuo lavoro.
Mockplus – Strumento di prototipazione rapida
Utilizzando il plugin Mockplus in Sketch, è possibile esportare file MP e fare prototipazione Sketch in Mockplus. Questo permette ai designer di collaborare e aggiungere annotazioni da condividere con i membri del team.
Come si usa? Bastano 3 passi:
Passo 1: Scaricare il plugin Sketch. È uno strumento gratuito.
Passo 2: Seleziona “Plugins” – “Mockplus” – “Esporta file di progetto” quando finisci il design.
Passo 3: Riprogetta il tuo contenuto per aggiungere interazioni in Mockplus. Inoltre, Mockplus ha 3000+ componenti pre-progettati per voi per rendere rapidamente la vostra interfaccia più perfetta.