Ilustración de Gleren Meneghin
La creación de prototipos lleva el diseño plano al siguiente nivel y te ayuda a contar una historia más atractiva. En este tutorial con Dani Beaumont, podrás echar un vistazo a la creación de un prototipo totalmente interactivo con funcionalidades tales como Auto-Animate, gestos de arrastre y reconocimiento de voz.
En este tutorial de introducción con Dani Beaumont, utilizarás un archivo de práctica para generar tu primer proyecto con XD.
Paso 1: conecta las mesas de trabajo.
Define una transición que se active mediante un toque entre las mesas de trabajo y, luego, previsualiza tu trabajo en la aplicación de Adobe XD Desktop Player.
Paso 2: añade transiciones con Auto-Animate.
Utiliza transiciones con Auto-Animate para definir las microinteracciones entre las mesas de trabajo.
Paso 3: utiliza gestos de arrastre para diseñar las transiciones entre las mesas de trabajo.
Combina los gestos de arrastre y la función Auto-Animate para simular la experiencia de arrastrar de los dispositivos táctiles.
Paso 4: añade superposiciones para simular elementos de la IU.
Aplica superposiciones a las mesas de trabajo para optimizar la integración de los menús y teclados en varias mesas de trabajo.
Paso 5: trabaja con desencadenadores por voz.
Aprende a integrar el reconocimiento de voz para desencadenar las transiciones entre las mesas de trabajo.
¿Qué viene ahora?
