En el modo Prototipo, haga clic en el título de la mesa de trabajo de origen y conéctela a la mesa de trabajo de destino.
Última actualización el
21 feb. 2023
- Guía del usuario de Adobe XD
- Introducción
- Novedades de Adobe XD
- Preguntas habituales
- Diseñar, crear prototipos y compartir con Adobe XD
- Gestión de color
- Requisitos del sistema
- Conceptos básicos del espacio de trabajo
- Cambiar el idioma de la aplicación en Adobe XD
- Acceder a kits de diseño de interfaz de usuario
- Accesibilidad en Adobe XD
- Métodos abreviados de teclado
- Consejos y trucos
- Diseño
- Mesas de trabajo, guías y capas
- Formas, objetos y trazados
- Seleccionar, redimensionar y rotar objetos
- Mover, alinear, distribuir y organizar objetos
- Agrupar, bloquear, duplicar, copiar y voltear objetos
- Establecer el trazo, el relleno y las sombras paralelas de objetos
- Crear elementos repetidos
- Crear diseños en perspectiva con transformaciones 3D
- Editar objetos utilizando operaciones booleanas
- Texto y fuentes
- Componentes y estados
- Máscaras y efectos
- Maquetación
- Vídeos y animaciones de Lottie
- Prototipo
- Crear prototipos interactivos
- Animar prototipos
- Propiedades de objetos compatibles con la animación automática
- Crear prototipos con teclado y mando de juego
- Crear prototipos utilizando comandos de voz y reproducción
- Crear transiciones temporizadas
- Añadir superposiciones
- Diseñar prototipos de voz
- Crear vínculos de anclaje
- Crear hipervínculos
- Previsualizar diseños y prototipos
- Compartir, exportar y revisar
- Compartir mesas de trabajo seleccionadas
- Compartir diseños y prototipos
- Establecer permisos de acceso de vínculos
- Usar prototipos
- Revisar prototipos
- Trabajar con especificaciones de diseño
- Compartir especificaciones de diseño
- Inspeccionar especificaciones de diseño
- Controles de las especificaciones de diseño
- Revisar y comentar especificaciones de diseño
- Exportar activos de diseño
- Exportar y descargar activos de especificaciones de diseño
- Grupos compartidos para empresas
- Hacer copias de seguridad de recursos de XD o transferirlos
- Sistemas de diseño
- Documentos en la nube
- Integraciones y complementos
- Trabajar con activos externos
- Trabajar con activos de diseño de Photoshop
- Copiar y pegar activos desde Photoshop
- Importar o abrir diseños de Photoshop
- Usar activos de Illustrator en Adobe XD
- Abrir o importar diseños de Illustrator
- Copiar vectores de Illustrator en XD
- Complementos para Adobe XD
- Crear y administrar complementos
- Integración de Jira para XD
- Complemento Slack para XD
- Complemento Zoom para XD
- Publicar diseño de XD en Behance
- XD para iOS y Android
- Solución de problemas
- Problemas conocidos y resueltos
- Instalación y actualizaciones
- Inicio y cierre inesperado
- XD se cierra al iniciar la aplicación en Windows 10
- XD se cierra al cerrar sesión en Creative Cloud
- Problema con el estado de suscripción en Windows
- Aviso de aplicación bloqueada al iniciar XD en Windows
- Generación de volcados de fallos en Windows
- Recopilación y uso compartido de registros de errores
- Documentos en la nube y bibliotecas Creative Cloud
- Crear prototipos, publicar y revisar
- No se pueden grabar interacciones de prototipos en macOS Catalina
- Problemas con flujos de trabajo de publicación
- Los vínculos publicados no aparecen en los navegadores
- Los prototipos no se renderizan correctamente en los navegadores.
- El panel de comentarios aparece repentinamente en los vínculos compartidos
- No es posible publicar bibliotecas
- Importar, exportar y usar otras aplicaciones
Aprenda a usar los desencadenadores de tiempo para crear transiciones temporizadas.
Con los desencadenadores de tiempo, puede crear transiciones entre mesas de trabajo basadas en el retardo de tiempo y duración.
Puede usar desencadenadores de tiempo en combinación con acciones para crear una gama de efectos como animaciones en bucle, barras de progreso y más. Este es un ejemplo de desencadenador de tiempo usado con Animación automática para crear un efecto de bucle.
Para crear una transición temporizada sencilla, realice los siguientes pasos:
-
-
Haga clic en el conector para ver el panel Interacción que aparece en Inspector de propiedades y configure las siguientes opciones:
- Desencadenador: seleccione Tiempo. Si no ve la opción Tiempo, es posible que no haya seleccionado toda la mesa de trabajo y su título en el paso 1.
- Retardo: introduzca el tiempo de retardo para comenzar la transición. El rango aceptable es de 0,2 a 5 segundos.
- Acción: seleccione Transición. También puede usar el desencadenador de tiempo con otras acciones, como Animación automática, Superposición y Reproducción de voz para crear múltiples efectos. Consulte los Ejemplos para saber cómo crear un efecto de animación en bucle.
- Destino: muestra la mesa de trabajo de destino conectada en el paso 1; puede modificarla si es necesario.
- Suavizado: seleccione el efecto de suavizado que desea aplicar en la mesa de trabajo de origen.
- Duración: introduzca la duración del efecto de suavizado para indicar la prolongación en el tiempo del efecto de suavizado. El rango aceptable es de 0,2 a 5 segundos.
XD guarda sus atributos de la mesa de trabajo y los ofrece como predeterminados en más pantallas.
-
Para obtener una vista previa de la transición temporizada, seleccione
.
Ejemplos y archivos de muestra
Las animaciones de los contadores de números se utilizan para mostrar los números de una manera interesante y llamativa. ¿Quiere saber cómo usar transiciones temporizadas para crear un marcador en ejecución?
1. En el modo Prototipo, seleccione el título de la mesa de trabajo y defina las siguientes opciones:
- Desencadenador: seleccione Tiempo.
- Retardo: introduzca 0,8 segundos como tiempo de retardo.
- Acción: seleccione Animación automática.
- Suavizado: seleccione Facilitar entrada-salida.
- Duración: introduzca 4 segundos como la duración.
2. Haga clic en para obtener una vista previa del contador de números animados.
Descargue los archivos de muestra y vea este vídeo para probarlos.
Tiempo de visualización: 2 minutos y 47 segundos.
¿Desea utilizar una transición temporizada para crear una experiencia de incorporación para su aplicación? Vea este vídeo y use este kit de interfaz de usuario gratuito para crear un flujo de trabajo de incorporación.
Tiempo de visualización: 5 minutos y 2 segundos.
Experiencia de incorporación para una aplicación
También puede consultar la comunidad de asistencia técnica de XD para obtener más ejemplos y tutoriales.
Sugerencias y trucos
¿Sabía que puede combinar las transiciones temporales con la Animación automática y la Superposición para crear efectos interactivos? Vea este vídeo para obtener más información.
Tiempo de visualización: 8 minutos y 33 segundos.
Recursos relacionados
Póngase en contacto con nosotros
Si tiene alguna pregunta que hacer o una idea que compartir, venga y participe en la Comunidad de Adobe XD. Nos gustaría conocer sus comentarios y ver sus creaciones.
