Illustrazione di Gleren Meneghin
La creazione di prototipi è un'evoluzione della progettazione piatta, perché aiuta a creare contenuti più coinvolgenti. In questo tutorial di Dani Beaumont, scoprirai come creare un prototipo totalmente interattivo con funzioni quali Auto-Animate, gesti di trascinamento e riconoscimento vocale.
In questo tutorial introduttivo di Dani Beaumont, utilizzerai un file di esercizi per creare il tuo primo progetto con XD.
Passaggio 1: Utilizzo di wireframe sulle tavole da disegno.
Definisci una transizione di tocco tra le tavole da disegno e visualizza in anteprima il tuo lavoro nell'app Adobe XD Desktop Player.
Passaggio 2: Aggiunta di transizioni di Auto-Animate.
Utilizza le transizioni di Auto-Animate per definire micro-interazioni tra le tavole da disegno.
Passaggio 3: Utilizzo di gesti di trascinamento per passare da una tavola da disegno all'altra.
Combina i gesti di trascinamento e Auto-Animate per simulare l'esperienza di trascinamento dei dispositivi touch.
Passaggio 4: Aggiunta di sovrapposizioni per simulare gli elementi dell'interfaccia.
Applica tavole da disegno sovrapposte per semplificare l'integrazione di menu e tastiere in varie tavole da disegno.
Passaggio 5: Utilizzo di trigger vocali.
Scopri come integrare il riconoscimento vocale per attivare le transizioni tra tavole da disegno.
Articolo successivo
