En el modo Diseño, seleccione una mesa de trabajo de origen y otra que la superponga. Puede volver a utilizar una mesa de trabajo de superposición varias veces.
Última actualización el
25 feb 2022
- 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
Descubra cómo añadir superposiciones para simular efectos de deslizamiento interactivos.
Adobe XD le permite apilar contenido sobre otra mesa de trabajo, en lugar de duplicarlo en múltiples mesas de trabajo para simular efectos como listas desplegables, teclados deslizantes y más.
-
-
En el modo Prototipo, arrastre y suelte el conector de la mesa de trabajo de origen a la mesa de trabajo con el contenido de superposición. Haga clic en el conector para ver el panel Interacción que aparece en Inspector de propiedades y configure las siguientes opciones:
- Desencadenante: seleccione una opción.
- Acción: seleccione Superposición. Si desea asignar dos acciones en un solo activador, como Tocar, cambie el botón de la primera Acción + + en el Inspector de propiedades por Superposición y cambie el botón de la segunda Acción + por una acción sin transición como Reproducción de audio o Reproducción de voz.
- Animación: seleccione el tipo de animación. Si selecciona Deslizar hacia arriba o Deslizar hacia abajo, XD colocará automáticamente la superposición en el borde de la mesa de trabajo de origen.
- Suavizado: seleccione una opción para simular efectos de suavizado.
- Duración: introduzca la duración. El tiempo máximo que puede establecer para la transición entre dos mesas de trabajo es de cinco segundos.
Añadir teclado como superposición en la mesa de trabajo de origen
Añadir teclado como superposición en la mesa de trabajo de origen -
Para ajustar la posición de una superposición en la mesa de trabajo de origen, haga clic en el botón de posición verde (+), arrástrelo y suéltelo.
-
Para previsualizar superposiciones en los navegadores compatibles, haga clic en
.
Superposiciones anidadas
Adobe XD no admite superposiciones anidadas en las que una superposición se aplica sobre otra superposición. En estos casos, cuando se conecta la primera mesa de trabajo de superposición a otra mesa de trabajo, la transición de la primera superposición se produce antes de la transición de la segunda.
Ejemplos y archivos de muestra
¿Desea crear superposiciones interactivas utilizando los efectos de desenfoque de fondo?
- Elija una mesa de trabajo de origen y una mesa de trabajo de superposición con un desenfoque de fondo. Para obtener más información sobre cómo agregar desenfoque de fondo, consulte Trabajar con efectos de desenfoque en XD.
- Cambie al modo Prototipo para conectar la mesa de trabajo de origen a la mesa de trabajo de superposición.
- En el Inspector de propiedades, seleccione cualquiera de las siguientes opciones:
- Desencadenar: seleccione Tocar.
- Acción: seleccione Superposición.
- Animación: seleccione Disolver.
- Suavizado: seleccione Facilitar salida.
- Duración: introduzca 0,2 s.
- Conecte tantas mesas de trabajo de origen diferentes a la mesa de trabajo de superposición como necesite.
- Utilice Vista previa de escritorio para previsualizar el efecto.
Para obtener un tutorial detallado y archivos de muestra descargables, consulte Crear una superposición interactiva.
¿Quiere aprender a usar superposiciones para crear un efecto de lista desplegable deslizante? Consulte el tutorial que aparece al final de este ejemplo y siga estos pasos:
- Elija una mesa de trabajo de origen y una mesa de trabajo de superposición que tenga una lista desplegable de elementos.
- Cambie al modo Prototipo para conectar la mesa de trabajo de origen a la mesa de trabajo de superposición.
- En el Inspector de propiedades, seleccione cualquiera de las siguientes opciones:
- Desencadenar: Seleccione Tocar.
- Acción: seleccione Superposición.
- Animación: seleccione Deslizar a la derecha.
- Suavizado: seleccione el efecto Facilitar salida.
- Duración: introduzca 0,3 s.
- Conecte tantas mesas de trabajo de origen diferentes a la mesa de trabajo de superposición como necesite.
- Utilice Vista previa de escritorio para previsualizar el efecto.
Más información
Para obtener más información sobre superposiciones en XD, vea este vídeo.
Duración: 10 minutos
También puede acceder a la comunidad de XD para consultar más tutoriales y archivos de muestra.