15+ tutorial di Adobe XD (dal principiante all'avanzato)
Adobe XD è uno strumento da Photoshop a prototipo che fa parte di Creative Cloud Suite (e la nostra introduzione ad Adobe XD 101 è un buon punto di partenza!). È uno strumento robusto con molte funzionalità, ma potresti aver bisogno di aiuto per imparare a usarlo. Oggi abbiamo raccolto alcuni dei migliori tutorial di Adobe XD per aiutarti a iniziare.
Adobe XD può essere un po 'intimidatorio a prima vista. Quali sono le migliori risorse di apprendimento? Abbiamo scelto i migliori tutorial di Adobe XD per tutti, dai principianti agli utenti avanzati (e li abbiamo ordinati, in modo da poter saltare nel posto giusto per il tuo livello di esperienza).
Tutorial Adobe XD per principianti
Uno dei posti migliori per ottenere tutorial XD per principianti è proprio da Adobe. Hanno una libreria di apprendimento piuttosto solida che è piena di tutte le basi per guidarti nell'uso del software per le prime volte.
Conosci Adobe XD
Questo tutorial video dura 20 minuti ed è un primer per l'utilizzo di Adobe XD. Questo è un solido punto di partenza per gli utenti prima che inizino a utilizzare il software o per quelli in una versione di prova che cercano di prendere una decisione sull'acquisto.
Il tutorial include alcuni file di esempio per aiutarti a esercitarti durante la lezione video.
Crea una sovrapposizione a comparsa
Uno dei modi migliori per apprendere Adobe XD è creare progetti su scala ridotta e acquisire familiarità con gli strumenti. Questo tutorial ti guida passo dopo passo con istruzioni scritte e visive per creare una sovrapposizione a comparsa.
Imparerai come adattare le dimensioni per le diverse finestre, impostare i parametri di ricerca e nascondimento e aggiungere un menu.
Crea un design reattivo
La creazione di un design reattivo è un gioco da ragazzi nel 2020 e Adobe XD è uno strumento con piena capacità di risposta. In questa esercitazione viene illustrato come utilizzare la funzione di ridimensionamento reattivo e i relativi vincoli in modo da poter creare un design che sia perfetto ovunque.
La cosa bella di questo tutorial è che ti guida attraverso uno strumento utilizzabile che può aiutarti ad accelerare il tuo flusso di lavoro quando sai come sfruttarlo al meglio.
Crea icone
Un altro progetto su piccola scala da provare in Adobe XD è la creazione di icone. Con questo tutorial, puoi utilizzare il file di esempio per guidarti o persino disegnare le tue icone mentre leggi i passaggi.
Il tutorial mostra anche come impilare più icone per forme più elaborate e utilizzarle nei progetti.
Crea elementi ripetuti
Adobe XD include uno strumento Ripeti griglia creato per creare più elementi. Questo tutorial ti mostra come usare questa funzione usando grafica o testo.
La griglia di ripetizione è ideale per creare una linea di pulsanti o voci di menu con linee orizzontali o verticali di elementi simili. E questo strumento lo rende anche rapido!
Progetta miniature per i video di YouTube
In meno di un'ora, puoi utilizzare Adobe XD per creare miniature personalizzate per i tuoi video di YouTube. (Questa è un'ottima tecnica per costruire il tuo canale e il tuo marchio).
Il tutorial ti guida nella creazione delle miniature e include molte risorse per aiutarti a sfruttare al meglio questo strumento, tra cui icone, illustrazioni, sfumature, sfondi e altro con cui lavorare.
Imparare Adobe XD
Se stai cercando una guida completa per principianti ad Adobe XD, LinkedIn Learning (precedentemente Lynda) ha un buon corso per principianti. Dura 4 ore, ma copre tutte le basi. Viene fornito con file di esercitazione e consente di comprendere qualsiasi cosa, dall'uso di tavole da disegno e griglie al lavoro con le interazioni vocali e le animazioni.
Questo corso è suddiviso in piccole lezioni (solo pochi minuti ciascuna) e viene fornito con abbonamenti a pagamento (oppure puoi iniziare con una prova gratuita).
Tutorial intermedi per Adobe XD
Man mano che avanzi nelle esercitazioni di Adobe XD più complete, potresti iniziare a cercare servizi di abbonamento per l'apprendimento. Mentre puoi trovare molti consigli su YouTube, ci sono anche più opzioni premium.
Design, prototipo e handoff da zero
Dopo aver appreso degli strumenti di base e di come funziona Adobe XD, sarai pronto per progettare un'interfaccia web più complessa, come un'app. Questo tutorial ti aiuterà a fare proprio questo usando le migliori pratiche, riutilizzando stili ed elementi di progettazione e completando il processo dalla progettazione alla consegna.
Il tutorial di Udemy è basato su vide e viene fornito con un certificato di completamento, risorse scaricabili e accesso a vita ai materiali.
Adobe XD per UI e UX Designer
Questo tutorial / classe per i progettisti di interfacce utente e esperienza utente presuppone che tu sappia già qualcosa sulla creazione di progetti digitali. Quello che imparerai qui è come lavorare con elementi all'interno del software, tra cui forme, testo, maschere e altro.
Questo tutorial fa parte di Skillshare ed è disponibile con un abbonamento.
Animazione Adobe XD
È difficile trovare un sito Web senza effetti animati. Una conoscenza pratica di Adobe XD può aiutarti a creare questi effetti per i progetti da solo. Questo tutorial fornisce un approccio senza codice per lavorare e creare animazioni in Adobe XD.
Imparerai ad animare icone, pulsanti, cursori, grafici, elementi di testo e altro, oltre ad aggiungerli a progetti e prototipi creati e condividerli con i clienti.
Crea un menu interattivo
Una volta che hai la mano di creare elementi più piccoli in Adobe XD, sei probabilmente pronto per passare alle pagine complete del progetto, come questo tutorial di menu interattivo.
Il tutorial su YouTube include file di esempio con cui lavorare e ti guida attraverso il processo in meno di 10 minuti con un design funzionale e che utilizza Adobe XD in un modo abbastanza facile da capire.
Tutorial avanzati di Adobe XD
Una volta illustrate le nozioni di base, l'utilizzo di Adobe XD potrebbe far parte dei flussi di lavoro quotidiani. Può essere utilizzato per creare progetti efficaci, inclusi siti Web e progetti di app su larga scala.
Progetta una pagina di destinazione
Una delle cose migliori dell'utilizzo di Adobe XD è che funziona con altre app Adobe. Questo tutorial ti mostra come utilizzare le risorse di Photoshop per progettare una landing page in XD.
Creerai un wireframe, modificherai il contenuto e sarai quindi in grado di condividere il design per il feedback. Il tutorial include testo, video e file di esempio su cui lavorare.
Progettazione di app Android con Adobe XD
Progettato come un tutorial più completo, Android App Design con Adobe XD include 48 lezioni individuali che si uniscono per un corso completo sulla progettazione di un'app usando un'estetica di Material Design.
I tutorial includono tutto, dal design e le specifiche all'esportazione di risorse e l'utilizzo di una guida di stile codificata. Imparerai anche come distribuire progetti agli sviluppatori che usano Zeplin. Questo è un tutorial completo di Skillshare.
Beats UI Design del sito Web in Adobe XD
Questo tutorial ti guida attraverso la riprogettazione di un sito Web in Adobe XD. Rientra nella categoria avanzata perché non include molte istruzioni, solo un video che viene riprodotto mentre il tutor completa le attività.
La cosa bella di questo tutorial è che puoi vedere ogni azione mentre si svolge nel percorso di creazione di un sito web. Esistono anche file di avvio associati al video di YouTube in modo da poter collaborare con il tutorial.
Masterclass di Adobe XD
La masterclass di Adobe XD è probabilmente la più intensa di tutte le esercitazioni in questa carrellata perché ti perderai se non hai una solida conoscenza di ciò che questo strumento può fare. Sono più di 2 ore di esercizi progettati per aiutarti a massimizzare l'uso dello strumento.
Esaminerai due esempi in questo tutorial di Skillshare: un'app Web di 6 pagine e un'interfaccia del sito Web.
Speriamo che alcuni di questi, insieme alla nostra selezione dei migliori kit e modelli dell'interfaccia utente di Adobe XD, ti consentano di iniziare rapidamente la tua esperienza con l'app!
){kind=link}