Input stepper con Adobe Xd – Tutorial design e prototipo
In questo tutorial vi spiego come realizzare un input stepper dinamico con con Adobe Xd.
Che cos’è l’input stepper?
L’input stepper è un componente che serve a selezionare un valore (numerico).
La quantità si determina facendo tap o click sul tasto ‘+’ o ‘-‘ in modo da aumentare o diminuire quella quantità.
È un’alternativa alla select dove dopo aver cliccato sullo chevron avrò una lista di numeri da cui selezionare la quantità desiderata.
Capitoli:
00:00 Intro
01:10 Che cos’è un input stepper?
03:09 Assets
03:45 Iniziamo il design
14:10 Trasformiamo l’input stepper in un componente
16:20 Prototipiamo l’input stepper
Iscriviti al mio canale se vuoi imparare ad utilizzare Figma e Adobe Xd come un pro.
Duration: 00:21:12
source
Loading...
