8 migliori tutorial sugli schizzi per il 2019

Sketch è un'app di progettazione digitale che puoi utilizzare per una serie di progetti, tra cui icone, prototipazione e wireframing. (Ci sono alcune cose che non puoi fare anche con Sketch, come il rendering 3D pesante.) Molte persone usano Photoshop per questi tipi di design e Sketch è un buon sostituto di Photoshop. Ci sono una serie di tutorial di Sketch là fuori, adatti a tutti i livelli, dal principiante all'esperto, e che arrivano a una varietà di punti di prezzo (inclusi quelli gratuiti).

Iscriviti al nostro canale Youtube

Una rapida panoramica di Sketch

A meno che tu non sia un principiante del design, Sketch è facile da usare, più di Photoshop e app simili. Questo può farti risparmiare molto tempo durante la progettazione. Poiché Sketch è un'app basata su vettori, qualsiasi forma che disegni può essere ridimensionata a qualsiasi dimensione desideri senza perdere la sua nitidezza. I tuoi progetti avranno un bell'aspetto anche su schermi con un'alta densità di pixel (come gli schermi Retina di Mac). Inoltre, la qualità dei tuoi progetti sarà vicina al CSS/HTML finito: puoi davvero perfezionare un progetto con Sketch.

• Chiunque abbia un background di design può utilizzare Sketch.
• Poiché Sketch è un'app per Mac, è ovviamente per gli utenti Mac. Sebbene tu possa aprire i file di Sketch con un altro sistema operativo, come Windows, puoi lavorare solo con Sketch su Mac.
• Sketch è leggero, quindi non è necessario un computer costoso e di prim'ordine per eseguirlo. L'app probabilmente funzionerà anche sul Mac più semplice.

Quando acquisti Sketch per la prima volta, acquisterai anche la licenza di un anno, che include tutti gli aggiornamenti rilasciati entro quel primo anno. Alla scadenza della licenza, non riceverai aggiornamenti futuri, ma puoi continuare a utilizzare Sketch così com'è. Se desideri continuare a ricevere gli aggiornamenti, rinnovare la licenza di un anno è meno costoso che pagarla la prima volta.

8 tutorial di schizzo e set di tutorial

Questo non è un elenco esaustivo di tutorial di Sketch (duh, sarebbe impossibile). Mi piace adottare un approccio organico quando scrivo questi rastrellamenti, selezionando un assortimento di tutorial che penso troverai preziosi. Ti incoraggio a continuare a cercare tutorial di Sketch da solo (ho un paio di risorse in fondo proprio per questo) e sentiti libero di commentare con alcuni dei tuoi preferiti che mi sono perso.

1. LevelUpTuts | Tutorial dell'app Sketch per Sketch 3

LevelUpTuts ha 25 tutorial gratuiti per Sketch 3, ognuno dei quali dura meno di 10 minuti. Questa serie è ideale per i principianti di Sketch che vogliono imparare le basi (e che hanno la versione precedente di Sketch). Le lezioni includono:

• Comprensione delle tavole da disegno
• Creazione e utilizzo di simboli
• Installazione e utilizzo dei plugin
• Estendere lo schizzo con risorse gratuite
• Come creare GIF animate in Sketch

Sketch 3 non è la versione più recente di Sketch, ma questi tutorial saranno comunque rilevanti. C'è anche una serie più breve e più aggiornata che puoi trovare qui. Puoi saperne di più sui tutorial di Level Up attraverso il loro video introduttivo qui. Hanno tutorial sulle basi dello sviluppo web, oltre a contenuti orientati a designer più avanzati.

Ideale per principianti | Prezzo: gratuito | Maggiori informazioni

2. Impara UX | Corso sull'app di schizzo

Learn UX ha un corso intensivo di Sketch di 8 ore, che è eccellente se dici: "Ho bisogno di imparare questo e ho intenzione di cancellare la mia giornata per capirlo". Armatevi di snack, accomodatevi sul divano e imparate a conoscere meglio Sketch in una giornata lavorativa. La maggior parte delle lezioni dura circa 12 minuti o meno, quindi non rimarrai impantanato in nessuna area. Learn UX è esattamente quello che sembra: un hub di informazioni per chiunque voglia conoscere UX. Hanno molti corsi diversi che coprono una varietà di strumenti. Se preferisci guardare su YouTube, hanno anche un canale lì.

Ideale per principianti | Prezzo: gratuito | Maggiori informazioni

3. Andrew Eddy, progettista UI/UX | Il corso completo di schizzo 5

I corsi di solito non sono così economici e per $ 12,99 ottieni 14,5 ore di video, oltre ad articoli e risorse scaricabili, tutto per aiutarti a imparare Sketch 5. Anche se questo è rivolto ai principianti, sarai un utente avanzato entro la fine del corso (e poi puoi saltare ai tutorial che si trovano più in basso in questo elenco). Le lezioni sono raggruppate in lezioni e alcune delle lezioni riguardano:

• Progettare una schermata per un'app mobile
• Impostazione di una guida di stile
• Design del logo
• Wireframing
• prototipazione

Andrew è attualmente il CEO (e co-fondatore) di Sequr, una società di software di sicurezza ad Atlanta. Il suo background è nel design UI/UX, e ha anche lavorato come direttore creativo e graphic designer. I corsi a pagamento, indipendentemente dall'argomento, forniscono sempre più informazioni di quelle che troverai in un corso gratuito. Se sei seriamente intenzionato a padroneggiare Sketch 5 e hai il tempo da dedicare all'apprendimento, opterei per un corso a spettro completo come questo.

Ideale per principianti | Prezzo: $ 12,99 | Maggiori informazioni

4. LearnSketch.com | Disegna dalla A alla Z: diventa un designer di app

Se non hai mai usato Sketch prima d'ora, potresti voler prima seguire un corso per principianti o un tutorial gratuito. Tuttavia, se sei un principiante di Sketch e ti interessa solo progettare app mobili, almeno in questo momento, puoi iniziare da qui. Le categorie di lezione includono:

• Nozioni di base sui livelli
• Forme
• Messa in piega
• Testo
• immagini
• Simboli
• Suggerimenti per i professionisti del flusso di lavoro
• Esportazione

LearnSketch.com è davvero un hub per tutto-tutto-Sketch, e se non sei pronto per impegnarti in un corso di 3,5 ore, dai un'occhiata ai loro tutorial molto più brevi. Se preferisci andare direttamente su YouTube, il loro canale è qui. Hanno una pagina con una manciata di grafici gratuiti.

Ideale per principianti e intermedi | Prezzo $ 24,99 | Maggiori informazioni

5. Jesse Showalter, designer + sviluppatore | Tutorial sugli schizzi

Jesse Showalter ha una playlist "Sketch Tutorials" con 15 video gratuiti. La maggior parte di loro dura circa 15 minuti in meno, con un paio un po' più a lungo. Questa serie è la migliore per gli utenti di Sketch di tutti i livelli, sia che tu voglia iniziare con Sketch o tuffarti in un design più avanzato. Le lezioni includono:

• Introduzione allo schizzo
• Progetta un'interfaccia utente per l'app di viaggio
• Organizzazione dei simboli in Sketch per Mac
• Schizzo 52, le 5 caratteristiche principali
• Plugin Timeline per Sketch

Jesse è un designer e sviluppatore con sede a Honolulu, e il suo ambiente si insinua in alcuni dei suoi tutorial, come quelli sulla progettazione di un sito web di navigazione. Se ti piace Jesse e il suo stile video, ti consigliamo di dare un'occhiata anche ai suoi video aziendali, come quelli sul lavoro con i clienti o sull'inserimento nella vita lavorativa remota.

Ideale per principianti e avanzati | Prezzo: gratuito | Maggiori informazioni

6. InVision | 8 scorciatoie critiche in Sketch

Questo tutorial di Sketch di InVision insegna agli utenti attuali come lavorare più velocemente e in modo più intelligente grazie alle scorciatoie. Il video lo attraversa rapidamente in meno di cinque minuti. Imparerai scorciatoie per manovre come:

• Pedalando tra le tavole
• Duplicazione delle proprietà visive
• Stratificazione
• Panoramica e zoom
• Selezione precisa

InVision è una piattaforma di progettazione digitale in cui è possibile creare prototipi interattivi. Promuovono la collaborazione in modo che i team possano migliorare e far avanzare i loro progetti. Se sei un designer o un fanatico del design, ti consigliamo di dare un'occhiata al blog Inside Design di InVision. Oltre a esempi, tutorial e casi d'uso, trattano anche argomenti poco impegnativi, come la storia orale dell'icona dell'hamburger.

Ideale per intermedi | Prezzo: gratuito | Maggiori informazioni

7. Crescita delle abilità | Crea una pagina di destinazione per l'app musicale in Sketch

Skillthrive ha una serie di tutorial di Sketch, ma volevo scegliere questo perché è un tutorial più unico e avanzato rispetto ad alcuni di quelli generici là fuori. Questo tutorial dura poco meno di un'ora e, una volta terminato, avrai una pagina di destinazione dell'app musicale completata. Se preferisci suddividere la lezione in fasi, puoi andare qui. L'host del tutorial della pagina di destinazione musicale, Hunter, esegue rapidamente il processo prima di avviarsi nel tutorial. Puoi avere un'idea di cosa imparerai, o se stai pensando: "Ho bisogno di circa 20 secondi di guida prima di creare questa pagina di destinazione dell'app musicale da solo", ecco fatto. Skillthrive ha una playlist con più tutorial sull'app Sketch rivolti ai non principianti e un paio anche micro-focus su una nicchia, come la progettazione di app di risparmio mobile.

Ideale per intermedi e avanzati | Prezzo: gratuito | Maggiori informazioni

8. InVision | Tutorial di schizzi assortiti

Torno a InVision perché hanno una serie di tutorial di Sketch rivolti all'utente avanzato:

• Barre di avanzamento radiali accurate e modificabili in Sketch
• Creazione di frecce di connessione infinitamente scalabili in Sketch
• Sostituzioni dei simboli nidificati nello schizzo 41
• Suggerimenti rapidi per la creazione di moduli flessibili in Sketch

Ideale per avanzati | Prezzo: gratuito

Ancora più tutorial sugli schizzi

Se vuoi pagare una volta e accedere a tutti i tipi di tutorial di progettazione, inclusi molti che si concentrano specificamente su Sketch, prendi in considerazione l'idea di ottenere un abbonamento a LinkedIn Learning. Sono semi-costosi – $ 24,99 al mese è il minimo – ma se segui alcuni corsi ogni mese, ne vale la pena.

Esplora i corsi relativi a Sketch qui (non è necessaria la registrazione per navigare). Puoi ordinare per livello, il che è utile. Quando fai clic su un corso, puoi visualizzarne l'anteprima e vedere quante altre persone l'hanno guardato e apprezzato. Non dimenticare i tutorial di Sketch: puoi trovarli tutti nella loro pagina "Documentazione".

Pensieri finali

Puoi ottenere un'istruzione online, con esperti che sono entusiasti di condividere ciò che sanno, ed è gratuita o quasi. Se hai rinunciato a qualcosa a scuola, quando eri un bambino o un adolescente e pensavi: "Meh, non lo userò mai", puoi recuperare il tempo perso. È davvero incredibile. Andare. Imparare. Design. Poi torna e dimmi come è andata.

Vuoi più istruzione? Dai un'occhiata a 8 tutorial di Gutenberg per sviluppatori.

Immagine in primo piano via tanyabosyk / shutterstock.com